- 5/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
推拉门式样的菜单（鼠标移上去即可，无需点击）,您可以先修改部分代码再运行.
<!--要完成此效果需要两个步骤 <!--第一步：把如下代码加入到<head>区域中--> <style type="text/css"> <!--.link { color : #000000; text-decoration : none; }A.link:hover { color : red; }A.link:active { color : #000000; text-decoration : none; }//--> </style> <style type="text/css"> <!-- #slidemenubar2{position:absolute;left:-110pt;width:120pt;top:100pt;border:1.5pt solid black; background-color:#ffffff;layer-background-color:#ffffff;font: 9pt/20pt "宋体";} body { font-size: 9pt; margin: 0pt} #slidemenubar { position:absolute; left:-110pt;width:120pt;top:100pt;border:1.5pt black solid;background-color:#F3F3F3;layer-background-color:lightyellow; font: 9pt/20pt "宋体"; } //--> </style> <!--第二步：把如下代码加入到<body>区域中--> <script language="JavaScript1.2"> if (document.all) document.write('<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //以下是菜单内容，自由设置； sitems[0]="本站首页" sitems[1]="最新更新" sitems[2]="时尚动态" sitems[3]="其它栏目" sitems[4]="聊神侃王" sitems[5]="项目连接" sitems[6]="项目连接" sitems[7]="项目连接" sitems[8]="项目连接" //菜单项目连接 sitemlinks[0]="http://mb5u.com" sitemlinks[1]="" sitemlinks[2]="" sitemlinks[3]="" sitemlinks[4]="" sitemlinks[5]="" sitemlinks[6]="" sitemlinks[7]="mailto:sc@mb5u.com" sitemlinks[8]="" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() }function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) }window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 }else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 }function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) }function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) }function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) }function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) }</script>
所属频道：页面背景特效/更新时间：2013-01-15