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

自动收缩的菜单

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

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

以下是程序代码

<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 全部选择提示：你可先修改部分代码，再按运行]

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

相关资料更多>

Kindle入华遭遇国内厂商“围剿 ” 电信也参战

黑狐病毒疯传播电脑管家首推专杀工具

微软谷歌高层访韩面前：忌惮三星的崛起

美剧讲硅谷创业者：远不及现实荒诞？

火一把就死：百度魔图验证社交游戏衰亡宿命

网易微博将正式关闭用户迁至轻博客LOFTER

360涉足搜索范围百度市场份额面临应战

固话上网卡或将实名制运营商泄露用户信息将被罚

传诺基亚5月14日发布会推出Lumia 950

香港全能空间免费试用15天香港高速云虚拟主机PHP/ASP/NET送MSSQL和MYSQL

推荐阅读更多>