无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

关闭顶部展开顶部

展开边栏关闭边栏

网页特效代码模板无忧>网页特效>页面背景特效代码>

收藏分享查看评论页面背景

推拉门式样的菜单(鼠标移上去即可，无需点击)_页面背景特效

0/5
1
2
3
4
5

查看演示效果

特效Tag：式样推拉门添加

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

推拉门式样的菜单（鼠标移上去即可，无需点击）,您可以先修改部分代码再运行.

<!--要完成此效果需要两个步骤

<style type="text/css">

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

</style>

<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

[收藏][报错][返回列表]

评论加载中....

相关页面背景特效：

页面背景特效Rss订阅特效代码搜索

页面背景特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索推拉门式样的菜单(鼠标移上去即可，无需点击)
特效说明：
页面背景模板-推拉门式样的菜单(鼠标移上去即可，无需点击)。

收藏&分享

QQ空间新浪微博腾讯微博人人网开心网百度搜藏复制网址更多...