一些经典的JAVASCRIP代码收集Word格式文档下载.docx

一些经典的JAVASCRIP代码收集Word格式文档下载.docx

《一些经典的JAVASCRIP代码收集Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《一些经典的JAVASCRIP代码收集Word格式文档下载.docx（71页珍藏版）》请在冰豆网上搜索。

//I'

mtootired

actuator.parentNode.style.backgroundImage="

url（/images/plus.gif）"

;

actuator.onclick=function（）{

vardisplay=menu.style.display;

this.parentNode.style.backgroundImage=

（display=="

block"

）?

"

:

url（/images/minus.gif）"

menu.style.display=（display=="

none"

returnfalse;

}

window.onload=function（）{

initializeMenu（"

productsMenu"

"

productsActuator"

）;

newPhonesMenu"

newPhonesActuator"

compareMenu"

compareActuator"

/script>

style>

body{

font-family:

verdana,helvetica,arial,sans-serif;

#mainMenu{

background-color:

#EEE;

border:

1pxsolid#CCC;

color:

#000;

width:

203px;

#menuList{

margin:

0px;

padding:

10px0px10px15px;

li.menubar{

background:

url（/images/plus.gif）no-repeat0em0.3em;

font-size:

12px;

line-height:

1.5em;

list-style:

noneoutside;

.menu,.submenu{

display:

none;

margin-left:

15px;

.menuli,.submenuli{

url（/images/square.gif）no-repeat0em0.3em;

a.actuator{

transparent;

padding-left:

text-decoration:

a.actuator:

hover{

underline;

.menulia,.submenulia{

.menulia:

hover,submenulia:

/*border-bottom:

1pxdashed#000;

*/

span.key{

/style>

/head>

body>

divid="

mainMenu"

ulid="

menuList"

liclass="

menubar"

ahref="

#"

id="

class="

actuator"

图秀地带收藏夹<

/a>

menu"

li>

我的好友<

submenu"

/ul>

/li>

陌生人<

/div>

/body>

/BODY>

/HTML>

纯CSS的下拉导航菜单

styletype="

text/css"

body{color:

#fff;

#wrapper{color:

#000;

.red{color:

#c00;

#info{margin-top:

20px;

#infoh1{font-size:

3em;

text-align:

center;

font-family:

georgia,"

timesnewroman"

serif;

#head{height:

145px;

border:

0;

#positioner{clear:

both;

position:

relative;

left:

1px;

z-index:

100;

#ads{position:

10;

.menu{display:

none;

#noniemenu{position:

absolute;

#noniemenu.holderul{padding:

margin:

#noniemenu.holderulli{list-style-type:

#noniemenu.holderli{}

#noniemenu.holderliul{display:

}

#noniemenu.holderli:

hover>

ul#a3{display:

block;

105px;

margin-top:

-20px;

1pxsolid#000;

#noniemenu.holder.bold{font-weight:

bold;

#noniemenu.holder{

104px;

height:

18px;

overflow:

hidden;

float:

left;

margin-right:

12px;

#noniemenu.holder:

auto;

#noniemenua.outer,#noniemenua.outer:

visited{

#e09222;

text-align:

verdana,arial,sans-serif;

#noniemenua.outer:

#697210;

visible;

#noniemenudiv.open{display:

#noniemenua.inner,#noniemenua.inner:

border-bottom:

#eee;

#noniemenua.second{font-weight:

#noniemenua.inner:

#add;

--[iflteIE6]>

body{margin-top:

-8px;

147px;

#noniemenu{display:

.menua.outer,.menua.outer:

.menua.outer:

hovertable.first{

border-collapse:

collapse;

.menua.inner,.menua.inner:

102px;

.menua.inner:

.menua.outertable.firsta.second{

font-weight:

.menua.outertable.firsta.second:

position:

hovertable{

top:

-2px;

left:

normal

[endif]-->

#ads{display:

#adsie{clear:

width:

750px;

10px;

wrapper"

head"

positioner"

divclass="

aclass="

outer"

href="

../1/index.html"

菜单一

tableclass="

first"

tr>

td>

inner"

../1/1-01.html"

title="

提示信息……"

1-01<

../1/1-02.html"

1-02<

../1/1-03.html"

1-03<

../1/1-04.html"

1-04<

innersecond"

../1/1-05.html"

1-05

table>

../1/1-05-1.html"

1-05-1<

../1/1-05-2.html"

1-05-2<

../1/1-05-3.html"

1-05-3<

/td>

/tr>

/table>

../1/1-06.html"

1-06<

../1/1-07.html"

1-07<

../1/1-08.html"

1-08<

../1/1-09.html"

1-09<

../1/1-10.html"

1-10<

../2/index.html"

菜单二

../2/2-1.html"

2-1<

../2/2-2.html"

2-2<

../2/2-3.html"

2-3<

../2/2-4.html"

2-4<

../2/2-5.html"

2-5<

../2/2-6.html"

2-6<

../2/2-7.html"

2-7<

../3/index.html"

菜单三

../3/3-1.html"

3-1<

../3/3-2.html"

3-2<

../3/3-3.html"

3-3<

../3/3-4.html"

3-4<

../3/3-5.html"

3-5<

../4/index.html"

菜单四

../4/4-1.html"

4-1<

../4/4-2.html"

4-2<

../4/4-3.html"

4-3<

../4/4-4.html"

4-4<

../4/4-5.html"

4-5<

../4/4-6.html"

4-6<

../4/4-7.html"

4-7<

../5/index.html"

菜单五

../5/5-1.html"

5-1<

../5/5-2.html"

5-2<

../5/5-3.html"

5-3<

../5/5-4.html"

5-4<

../5/5-5.html"

5-5<

../5/5-6.html"

5-6<

../5/5-7.html"

5-7<

../5/5-8.html"

5-8<

../5/5-9.html"

5-9<

/