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

自动收缩的菜单

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

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

以下是程序代码

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

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

相关资料更多>

网络音乐非片面收费高晓松时间表难完成

京东进驻微信一级入口或影响自身战略布局

任正非：华为决不上市上市公司股东贪婪而短视

苹果MacBook Air劣势渐显或推新产品改变命运

在线音乐出现“小米公司”不是没有可能

阿里巴巴450亿勾画“现代服务业”藏宝图

屌丝程序猿发家机会来了用大数据来做生意！

HTC的三大迷惘：高管釜底抽薪产品营销战略混乱

中移动将推出多项4G资费新政

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

推荐阅读更多>