今天做了一个下午网页,中午觉都没有睡.发现菜单做得挺难看的,很是郁闷....
索性不做了,打开dojo的demo一看发现里面的有点炫的菜单.于是引用了下
引入dojo包为dojojs包(跟以前的文章一样引入,如不清楚就看前篇) ......
<!
DOCTYPEHTMLPUBLIC
"
-//W3C//DTDHTML4.01//EN
"
"
http://www.w3.org/TR/html4/strict.dtd
"
>
@H_502_31@
<
html
>
@H_502_31@
<
head
>
@H_502_31@@H_502_31@
<
title
>
FisheyeListWidgetDemo
</
title
>
@H_502_31@@H_502_31@
<
scripttype
=
"
text/javascript
"
>
@H_502_31@
var
djConfig
=
...
{isDebug:true,debugAtAllCosts:false}
;@H_502_31@
</
script
>
@H_502_31@
<
scripttype
=
"
text/javascript
"
src
=
"
dojojs/dojo.js
"
></
script
>
@H_502_31@
<
scripttype
=
"
text/javascript
"
>
@H_502[email protected](
"
dojo.widget.*
"
);@H_502_31@
</
script
>
@H_502_31@@H_502_31@
<
script
>
@H_502_31@
function
load_app(url)
...
{@H_502[email protected]=url;@H_502_31@}
@H_502_31@
</
script
>
@H_502_31@@H_502_31@
<
style
>
@H_502_31@@H_502[email protected]heyeListBar
...
{@H_502_31@margin:0auto;@H_502_31@text-align:center;@H_502_31@}
@H_502_31@@H_502[email protected]
...
{@H_502_31@@H_502_31@text-align:center;@H_502_31@position:absolute;@H_502_31@left:0px;@H_502_31@top:0px;@H_502_31@width:100%;@H_502_31@}
@H_502_31@@H_502_31@body
...
{@H_502_31@font-family:Arial,Helvetica,sans-serif;@H_502_31@padding:0;@H_502_31@margin:0;@H_502_31@}
@H_502_31@@H_502[email protected]
...
{@H_502_31@padding:60px20px20px20px;@H_502_31@}
@H_502_31@@H_502_31@
</
style
>
@H_502_31@
</
head
>
@H_502_31@
<
body
>
@H_502_31@@H_502_31@
<
divclass
=
"
outerbar
"
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeList
"
@H_502_31@itemWidth
=
"
50
"
itemHeight
=
"
50
"
@H_502_31@itemmaxWidth
=
"
200
"
itemmaxHeight
=
"
200
"
@H_502_31@orientation
=
"
horizontal
"
@H_502_31@effectUnits
=
"
2
"
@H_502_31@itemPadding
=
"
10
"
@H_502_31@attachEdge
=
"
top
"
@H_502_31@labelEdge
=
"
bottom
"
@H_502_31@enableCrappySvgSupport
=
"
false
"
@H_502_31@
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeListItem
"
onClick
=
"
load_app('http://blod.csdn.net/gxzheng1985');
"
@H_502_31@iconsrc
=
"
images/icon_browser.png
"
caption
=
"
Webbrowser
"
>
@H_502_31@
</
div
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeListItem
"
onClick
=
"
load_app('http://blod.csdn.net/gxzheng1985');
"
@H_502_31@iconsrc
=
"
images/icon_calendar.png
"
caption
=
"
留言板
"
>
@H_502_31@
</
div
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeListItem
"
onClick
=
"
load_app('http://blod.csdn.net/gxzheng1985');
"
@H_502_31@iconsrc
=
"
images/icon_email.png
"
caption
=
"
Email
"
>
@H_502_31@
</
div
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeListItem
"
onClick
=
"
load_app('http://blod.csdn.net/gxzheng1985');
"
@H_502_31@iconsrc
=
"
images/icon_texteditor.png
"
caption
=
"
TextEditor
"
>
@H_502_31@
</
div
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeListItem
"
onClick
=
"
load_app('http://blod.csdn.net/gxzheng1985');
"
@H_502_31@iconsrc
=
"
images/icon_update.png
"
caption
=
"
SoftwareUpdate
"
>
@H_502_31@
</
div
>
@H_502_31@@H_502_31@
<
divdojoType
=
"
FisheyeListItem
"
onClick
=
"
load_app('http://blod.csdn.net/gxzheng1985');
"
@H_502_31@iconsrc
=
"
images/icon_users.png
"
caption
=
"
Users
"
>
@H_502_31@
</
div
>
@H_502_31@
</
div
>
@H_502_31@
</
BODY
>
@H_502_31@
</
HTML
>
@H_502_31@
鼠标经过之后可以看到
