下拉菜單的簡單制作
2006/10/19 10:31:24
對于如今熱衷于網(wǎng)頁設(shè)計的愛好者們來說,單調(diào)的網(wǎng)頁效果已經(jīng)遠遠不能滿足他們新奇的心理了。本文就來介紹一種簡單的下拉菜單的制作。只要你懂得一點點HTML的知識,就可以。即使什么也不懂,照葫蘆畫瓢也行,呵呵。
第一步,定義下拉菜單JS代碼
以下是引用片段:
<SCRIPTlanguage=JavaScript>
<!--
functionMM_findObj(n,d){//v4.01
varp,i,x;if(!d)d=document;if((p=n.indexOf("?"))>0&&parent.frames.length){
d=parent.frames[n.substring(p+1)].document;n=n.substring(0,p);}
if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)x=MM_findObj(n,d.layers[i].document);
if(!x&&d.getElementById)x=d.getElementById(n);returnx;
}
functionMM_showHideLayers(){//v6.0
vari,p,v,obj,args=MM_showHideLayers.arguments;
for(i=0;i<(args.length-2);i+=3)if((obj=MM_findObj(args[i]))!=null){v=args[i+2];
if(obj.style){obj=obj.style;v=(v==show)?visible:(v==hide)?hidden:v;}
obj.visibility=v;}
}
//-->
</SCRIPT>
第二步,在適當(dāng)?shù)奈恢貌迦肽夸洸藛?nbsp;
以下是引用片段:
<TABLEborderColor=#ffffffheight=25width=150align=leftbgColor=#ccccccborder=1>
<TBODY><TR>
<TD
onmouseover="MM_showHideLayers(Layer2,,hide,Layer1,,show)"
borderColorLight=#000000width=100bgColor=#ccccffheight=15>
<DIValign=center><A
onclick="MM_showHideLayers(Layer2,,hide,Layer1,,show)"
href="2#">網(wǎng)上書店</A></DIV></TD>
<TD
onmouseover="MM_showHideLayers(Layer2,,show,Layer1,,hide)"
borderColorLight=#000000width=100bgColor=#ccccffheight=15>
<DIValign=center><A
onclick="MM_showHideLayers(Layer2,,show,Layer1,,hide)"
href="1#">書盤目錄</A></DIV></TD>
</TR>
</TBODY>
</TABLE>
第三步,插入隱藏層的定義.
以下是引用片段:
<DIVid=Layer1style="Z-INDEX:1;VISIBILITY:hidden;POSITION:absolute;TOP:42px;LEFT:12px;WIDTH:88px;HEIGHT:163px" >
<TABLEborderColor=#ffffffbgColor=#ccccffborderColorLight=#000000border=1onmouseover="MM_showHideLayers
(Layer1,,show)"onmouseout="MM_showHideLayers(Layer1,,hide)">
<TBODY>
<TR>
<TDheight=15>
<DIValign=center><Ahref="A#">最新圖書</A></DIV></TD></TR>
<TR>
<TDheight=15>
<DIValign=center><Ahref="S#">熱點圖書</A></DIV></TD></TR>
<TR>
<TDheight=15>
<DIValign=center><Ahref="D#">隆重推出</A></DIV></TD></TR>
</TBODY></TABLE>
</DIV>
<DIVid=Layer2style="Z-INDEX:1;VISIBILITY:hidden;POSITION:absolute;TOP:42px;LEFT:85px;WIDTH:120px;HEIGHT:127px"
>
<TABLEborderColor=#ffffffbgColor=#ccccFFborderColorLight=#000000border=1onmouseover="MM_showHideLayers
(Layer2,,show)"onmouseout="MM_showHideLayers(Layer2,,hide)">
<TBODY>
<TR>
<TDheight=15>
<DIValign=center><A
href="F#">總目錄</A></DIV></TD></TR>
<TR>
<TDheight=15>
<DIValign=center><A
href="G#">圖書目錄</A></DIV></TD></TR>
</TBODY></TABLE>
</DIV>
到這里,你就可以看到一個完整的下拉菜單的網(wǎng)頁特效了。
返回列表
返回首頁
主站蜘蛛池模板:
国产AV无码专区亚洲AV漫画|
好大好硬好爽好舒服|
亚洲人成电影青青在线播放|
94久久国产乱子伦精品免费|
日韩无套内射视频6|
亚洲欧美另类精品久久久|
精品一区二区三区四区电影|
国产亚洲精品aa片在线观看网站|
亚洲激情小视频|
少妇BBB好爽|
亚洲AV永久无码一区二区三区|
精品成在人线av无码免费看|
国产精品影音先锋|
上课公然调教h|
欧洲一级毛片免费|
六月婷婷网视频在线观看|
青青草国产免费国产|
国精品无码一区二区三区在线|
久久久久久夜精品精品免费啦|
欧洲成人r片在线观看|
亚洲日韩一页精品发布|
狠狠色噜噜狠狠狠狠97|
国产剧情av麻豆香蕉精品|
99久久精品日本一区二区免费|
日本欧美视频在线观看|
亚洲免费在线观看|
福利视频757|
吃奶呻吟打开双腿做受视频|
被按摩的人妻中文字幕|
国产成a人片在线观看视频下载
|
毛片毛片毛片毛片毛片毛片|
国产亚洲精品拍拍拍拍拍|
性欧美videos高清喷水|
国产精品福利午夜在线观看|
一级毛片在线播放|
无码不卡中文字幕av|
久久伊人中文字幕|
欧美成人小视频|
再深点灬舒服灬在快点视频|
美女黄18以下禁止观看|
国产欧美va欧美va香蕉在|