推拉门式样的菜单-JS特效-爱易网页

推拉门式样的菜单

日期：2014-05-18　浏览次数：20258 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<style type="text/css">

</style>
<style type="text/css">

</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://free.aiyiweb.com"
sitemlinks[1]=""
sitemlinks[2]=""
sitemlinks[3]=""
sitemlinks[4]=""
sitemlinks[5]=""
sitemlinks[6]=""
sitemlinks[7]=""
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>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

阿里巴巴IPO难掩的四个现实问题：天猫销售额成谜、淘宝拖后腿、营收迅猛其他不行和投资者未必买账

QQ空间与微信龟兔赛跑，商业生态链陷入死循环

传苹果与雅虎协作信息提供进一步摆脱谷歌

易信工具性优势突出丁磊三板斧或先砍在飞信上

中国首台比特币ATM登陆上海可购买不可兑换现钞

IT企业人才争夺战打响：员工待遇水涨船高

唯品会荣登“最贵中概股”的欢喜与哀愁

腾讯再次重申：普通微信誉户相对不收费

谷歌安卓全球副总裁为何跳槽中国企业小米？

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>