加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

dojo实现一个菜单

发布时间:2020-12-16 21:55:03 所属栏目:百科 来源:网络整理
导读:今天做了一个下午网页,中午觉都没有睡.发现菜单做得挺难看的,很是郁闷.... 索性不做了,打开dojo的demo一看发现里面的有点炫的菜单.于是引用了下 引入dojo包为dojojs包(跟以前的文章一样引入,如不清楚就看前篇) ...... ! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML

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

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

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

<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.01//EN " " http://www.w3.org/TR/html4/strict.dtd " >
< html >
< head >

< title > FisheyeListWidgetDemo </ title >

< scripttype = " text/javascript " >
var djConfig = {isDebug:true,debugAtAllCosts:false} ;
</ script >
< scripttype = " text/javascript " src = " dojojs/dojo.js " ></ script >
< scripttype = " text/javascript " >
dojo.require(
" dojo.widget.* " );
</ script >

< script >
function load_app(url) {
location.href
=url;
}

</ script >

< style >

.dojoHtmlFisheyeListBar
{
margin:
0auto;
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:60px20px20px20px;
}


</ style >
</ head >
< body >

< divclass = " outerbar " >

< divdojoType = " FisheyeList "
itemWidth
= " 50 " itemHeight = " 50 "
itemMaxWidth
= " 200 " itemMaxHeight = " 200 "
orientation
= " horizontal "
effectUnits
= " 2 "
itemPadding
= " 10 "
attachEdge
= " top "
labelEdge
= " bottom "
enableCrappySvgSupport
= " false "
>

< divdojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "
iconsrc
= " images/icon_browser.png " caption = " WebBrowser " >
</ div >

< divdojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "
iconsrc
= " images/icon_calendar.png " caption = " 留言板 " >
</ div >

< divdojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "
iconsrc
= " images/icon_email.png " caption = " Email " >
</ div >

< divdojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "
iconsrc
= " images/icon_texteditor.png " caption = " TextEditor " >
</ div >

< divdojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "
iconsrc
= " images/icon_update.png " caption = " SoftwareUpdate " >
</ div >

< divdojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "
iconsrc
= " images/icon_users.png " caption = " Users " >
</ div >
</ div >
</ BODY >
</ HTML >

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

鼠标经过之后可以看到

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读