首 页
┆
免费资源
┆
免费教程
┆
游戏外挂
┆
非主流资源
┆
非主流教程
┆
留言区
┆
网络测速
┆
Alexa查询
┆
QQ空间播放器
┆
交流论坛
登录
|
注册
设为首页
加入收藏
联系我们
首 页
免费空间
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"> <!--将以下
代码
加入HTML的<Body></Body>之间--> <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效果的渐隐菜单
·下一篇文章:
显示站点名称和主题的导航菜单
文章评论
评论内容只代表网友观点,与本站立场无关!
用户名:
!
查看更多评论
分 值:
100分
85分
70分
55分
40分
25分
10分
0分
内 容:
!
(注“
!
”为必填内容。) 验证码:
频道栏目导航
页面特效
背景特效
导航菜单
状态栏类
文本特效
链接特效
图形特效
窗口特效
按钮特效
时间日期
CSS相关
综合特效
本站精彩推荐
本类热门阅览
·
普通的树形导航菜单
·
腾讯QQ网页在线客服,随网页滚动条...
·
模仿Flash AS效果的导航菜单
·
很酷的屏幕翻滚导航
·
带Form框说明的导航说明的导航
·
腾讯QQ网页在线客服,隐藏在网页一...
·
类似Flash效果的渐隐菜单
·
自动收缩的菜单
·
梦幻下拉菜单
·
折叠展开收缩效果的栏目分类导航
·
经典实用的触发型导航菜单
·
非常棒的绿色下拉透明菜单
相关文章
·
自动收缩的菜单