程序博客网 > 巨杉数据库福利

dojo实现一个菜单

来源：互联网发布：巨杉数据库福利编辑：程序博客网时间：2024/05/18 17:56

今天做了一个下午网页,中午觉都没有睡.发现菜单做得挺难看的 ,很是郁闷....

索性不做了,打开dojo的demo一看发现里面的有点炫的菜单.于是引用了下

引入dojo包为dojojs包(跟以前的文章一样引入,如不清楚就看前篇) ......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>FisheyeList Widget Demo</title>

<script type="text/javascript">

var djConfig = {isDebug: true, debugAtAllCosts: false};

</script>

<script type="text/javascript" src="dojojs/dojo.js"></script>

<script type="text/javascript">

dojo.require("dojo.widget.*");

</script>

<script>

function load_app(url){

location.href=url;

}

</script>

<style>

.dojoHtmlFisheyeListBar {

margin: 0 auto;

text-align: center;

}

.outerbar {

text-align: center;

position: absolute;

left: 0px;

top: 0px;

width: 100%;

}

body {

font-family: Arial, Helvetica, sans-serif;

padding: 0;

margin: 0;

}

.page {

padding: 60px 20px 20px 20px;

}

</style>

</head>

<body>

<div class="outerbar">

<div dojoType="FisheyeList"

itemWidth="50" itemHeight="50"

itemMaxWidth="200" itemMaxHeight="200"

orientation="horizontal"

effectUnits="2"

itemPadding="10"

attachEdge="top"

labelEdge="bottom"

enableCrappySvgSupport="false"

>

<div dojoType="FisheyeListItem" onClick="load_app('http://blod.csdn.net/gxzheng1985');"

iconsrc="images/icon_browser.png" caption="Web Browser">

</div>

<div dojoType="FisheyeListItem" onClick="load_app('http://blod.csdn.net/gxzheng1985');"

iconsrc="images/icon_calendar.png" caption="留言板">

</div>

<div dojoType="FisheyeListItem" onClick="load_app('http://blod.csdn.net/gxzheng1985');"

iconsrc="images/icon_email.png" caption="Email">

</div>

<div dojoType="FisheyeListItem" onClick="load_app('http://blod.csdn.net/gxzheng1985');"

iconsrc="images/icon_texteditor.png" caption="Text Editor">

</div>

<div dojoType="FisheyeListItem" onClick="load_app('http://blod.csdn.net/gxzheng1985');"

iconsrc="images/icon_update.png" caption="Software Update">

</div>

<div dojoType="FisheyeListItem" onClick="load_app('http://blod.csdn.net/gxzheng1985');"

iconsrc="images/icon_users.png" caption="Users" >

</div>

</div>

</BODY>

</HTML>

引入图片可以看到效果...

鼠标经过之后可以看到

巨杉数据库福利

巨杉数据库福利

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子什么是巴洛克风格巴洛克风格图片巴洛克风格建筑巴洛克风格建筑代表巴洛克风格特点巴洛克建筑代表巴洛克工作室巴洛克风格室内设计巴洛克钢琴巴洛克工作社巴洛克服装巴洛克酒吧巴洛特风格巴浪鱼清蒸巴浪鱼巴浪鱼的做法巴浪鱼的营养价值巴浪鱼干的做法巴浪鱼有毒吗巴浪鱼图片巴浪鱼干巴浪鱼怎么做好吃巴浪鱼为什么那么便宜巴浪鱼干怎么做好吃巴兰鱼巴淡群岛巴清巴清传手游巴清传什么时候播出巴渝汉巴渝高铁巴渝人家重庆巴渝职业学校重庆巴渝职业技术学院巴渝职业技术学校巴渝捞烫麻辣烫巴渝厨师学校重庆巴渝职业培训学校重庆巴渝职校地址重庆巴渝技术学校巴渝职业技术培训学校