首页 ┆ 免费资源 ┆ 免费教程 ┆ 游戏外挂 ┆ 非主流资源 ┆ 非主流教程 ┆ 留言区 ┆ 网络测速 ┆ Alexa查询 ┆ QQ空间播放器 ┆ 交流论坛

登录 | 注册

设为首页加入收藏联系我们

免费ASP空间 | 免费PHP空间 | 免费FTP空间 | 全能空间 | 国外空间 | 静态空间 | 自助空间 | 免费论坛 | 免费博客 | 免费相册

QQ空间模板 | QQFlash模块 | QQ个性签名 | QQ空间日志 | QQ空间留言代码 | QQ空间免费物品 | QQ头像|QQ皮肤|QQ 表情 | QQ安全

免费中心 | 免费统计 | 免费账号 | 免费信息 | 电话短信 | 建站素材 | 免费网络硬盘 | 免费域名 | 免费邮箱 | 免费代理 | 免费杀毒

页面特效 | 背景特效 | 导航菜单 | 状态栏类 | 文本特效 | 链接特效 | 图形特效 | 窗口特效 | 按钮特效

非主流图片 | 非主流美女 | 非主流帅哥 | 非主流头像 | 非主流签名 | 非主流服饰 | 非主流发型

其他外挂 | 传奇外挂 | 风火之旅外挂 | 奇迹外挂 | 梦幻外挂 | 诛仙外挂 | 征途外挂 | 劲舞团外挂 | 卡丁车外挂 | 彩虹岛外挂

数码照片处理 | Illustrator | 网络教程 | 平面设计教程 | 电脑教程 | 计算机考试 | 影音编辑 | 办公软件 | photoshop | ImageReady

当前位置：星空免费资源网 → 免费资源 → 网页特效 → 导航菜单 → 文章内容

自动收缩的菜单

减小字体

增大字体作者：KaSim 来源：星空资源网发布时间：2008-1-10 11:47:04 收藏到QQ书签

以下是程序代码

<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>

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

本资源由星空资源网提供！转载请著名,谢谢！

[] [返回上一页] [打印]

收藏到网摘

·上一篇文章：类似Flash效果的渐隐菜单
·下一篇文章：显示站点名称和主题的导航菜单

文章评论评论内容只代表网友观点，与本站立场无关！

频道栏目导航

本站精彩推荐

本类热门阅览

相关文章

·自动收缩的菜单

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 赞助本站 -
Copyright © 2006 - 2008 Www.Mfxk.Com . All Rights Reserved .
本站内容来自网络，版权归各网络公司所有，如有侵权问题请联系站长,将会在第一时间处理!
广告或业务QQ：281294622 285687036
粤ICP备07012133号.

本站服务器及带宽由华易主机(4488.com.cn) 提供