自动收缩的菜单-JS特效-爱易网页

自动收缩的菜单

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

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

以下是程序代码

<html>
<head>
<title>爱易网网页特效演示，自动收缩的菜单</title>
</head><body link="#000000">

<script language="JavaScript1.2">
ie=document.all?1:0
n=document.layers?1:0
lshow=60
var move=10;
menuSpeed=40
var moveOnScroll=true
var tim;
var ltop;
function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
        this.state=1
        this.go=0
        this.width=n?this.css.document.width:eval(obj+'.offsetWidth')
        this.left=b_getleft
    this.obj = obj + "Object";         eval(this.obj + "=this")
}
function b_getleft(){
        var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);
        return gleft;
}
function moveMenu(){
        if(!oMenu.state){
                clearTimeout(tim)
                mIn()
        }else{
                clearTimeout(tim)
                mOut()
        }
}
function mIn(){
        if(oMenu.left()>-oMenu.width+lshow){
                oMenu.go=1
                oMenu.css.left=oMenu.left()-move
                tim=setTimeout("mIn()",menuSpeed)
        }else{
                oMenu.go=0
                oMenu.state=1
        }
}
function mOut(){
        if(oMenu.left()<0){
                oMenu.go=1
                oMenu.css.left=oMenu.left()+move
                tim=setTimeout("mOut()",menuSpeed)
        }else{
                oMenu.go=0
                oMenu.state=0
        }
}
function checkScrolled(){
        if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop
        if(n) setTimeout('checkScrolled()',30)
}
function menuInit(){
        oMenu=new makeMenu('divMenu')
        scrolled=n?"window.pageYOffset":"document.body.scrollTop"
        oMenu.css.left=-oMenu.width+lshow
        ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;
        oMenu.css.visibility='visible'
        if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}
onload=menuInit;
</script>
<div id="divMenu" style="position: absolute; top: 163; left: 35; width: 173; visibility: hidden; background-color: ccccff; height: 19"><nobr>
<a href="#">音乐视听</a>-
<a href="#">天空下载</a>-
<a href="#">游戏世界</a>-
<a href="#">超蓝空间</a>-
<a href="#">中国软件</a>-
  --  <a style="background-color: blue; text-decoration: none" href="javascript://" onclick="moveMenu()">导航菜单</a></nobr></div>
</body></html>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

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

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

相关资料更多>

百度透露无人驾驶战略研发三维交通地图

互联网情色众多 Facebook与9158态度大不同

成本效益全兼顾混合云市场前景显现

NoomWeight减肥

摩托罗拉移动裁员关闭德州Moto X手机工厂

诺基亚因充电器问题暂停销售Lumia 2520平板电脑

“论文查重”网店一月收入竟过百万

想玩P2P？几个您必须知道的潜规则

科技巨匠体验谷歌眼镜：戴上了就不想摘上去

网站建设一条龙做网站网站制作网站定制企业网站设计特价

推荐阅读更多>