地图
广告
招租
←—
订阅
投稿
网站首页
特效代码
素材资源
seo优化
网络营销
网站建设
免费空间
工具软件
您的位置:
网站首页
>
特效代码
>
菜单导航特效
> 正文:
浮动在页面左侧不断上下弹动的导航菜单
菜单导航特效
浮动在页面左侧不断上下弹动的导航菜单
日期:2011-12-23 16:47:00 标签:
浮动层
菜单特效
导航菜单
div
图层特效
js特效
∷
PC蛋蛋 赚积分 换Q币!>>>更多礼品兑换
<html> <title>浮动在页面左侧不断上下弹动的导航菜单丨芯晴网页特效丨CsrCode.Cn</title> <body> <div id="point1" STYLE="position:absolute;visibility:visible;"> <table width="120" border="1" bordercolor="#000000" cellspacing="0" cellpadding="4" bgcolor="#CCFFCC"> <tr> <td align=center> <a href="http://www.CsrCode.cn/" target="_blank"> <img src="/images/logo.gif" border=0 alt="JavaScript Fairyland" width="88" height="31" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> </a> </td> </tr> <tr> <td align=center> <font size="2"><a href="http://www.CsrCode.cn" target="_blank"><font color="#FF3399">网页特效</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="http://www.33567.cn" target="_blank"><font color="#FF3399">珊珊影视</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="http://www.7caidy.com"><font color="#FF3399">七彩影视</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="http://Links.CsrCode.Cn"><font color="#FF3399">链接平台</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="http://Changshi.CsrCode.Cn"><font color="#FF3399">生活常识</font></a></font> </td> </tr> </table> </div> <script LANGUAGE="JavaScript1.2"> var XX=10; var xstep=1; var delay_time=30; var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie||ns4||ns6) window.onload=onad </script> </body> </html> <p align="center">本特效由 <a href="http://www.CsrCode.cn" target="_blank">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。</p>
提示:您可以先修改代码后再运行,复制和保存代码功能在Firefox下无效。
(
本站已开启防盗链,请根据代码中对应的url地址下载保存特效所需的图片、flash和js文件,请见谅,谢谢.
)
(本文由
CsrCode.CN
|
芯晴网页特效
收集丨
www.CsrCode.cn
)
本文网址:
上一篇:
javascript取得目前页面页的url网址
下一篇:
一款横向滑出的隐藏导航条
评论信息
抱歉,本文暂停评论留言。
栏目分类
·
菜单导航特效
·
图层样式特效
·
链接文本特效
·
网页图片特效
·
日期时间特效
·
页面窗口特效
·
鼠标特效代码
·
网页背景特效
·
表格表单特效
·
状态栏特效
·
页面搜索特效
·
其他特效代码
热门排行
一款非常不错的CSS横向二级导…
一款超级漂亮的蓝色风格的CS…
DIV+CSS布局实例:TAB滑动门…
jQuery实现的漂亮的滑动门式…
js+css精美二级导航菜单
几个tab、滑动门、选项卡和图…
JS横向布局二级菜单,鼠标滑…
很常用的漂亮的CSS下拉二级导…
jQuery版感应鼠标花式翻滚效…
Tab选项卡和滑动门同时布局在…
推荐信息
JS+CSS仿百度风云榜TAB标签切…
感应鼠标的css中英文双语导航…
一款超级漂亮的蓝色风格的CS…
[荐] 非常精致的CSS导航菜单…
JS实现鼠标滑过变换中英文的…
[酷] 非常酷的flash效果的js…
[酷] 纯javascript打造的三级…
一款CSS+JS打造的仿FLASH效果…
一款滑出浮动层模式的纯CSS大…
一款很不错的带图片的下拉菜…
相关信息
jQuery仿新浪网“返回顶部”…
带缩略图的图片渐显幻灯切换…
分享几个可以带锚文本链接的…
JS实现的隐藏源代码文件
CSS制作的带凹凸阴影效果的网…
芯晴网页特效
:
菜单导航特效
图形图像特效
图层样式特效
链接文本特效
日期时间特效
页面窗口特效
网页背景特效
鼠标特效代码
表格表单特效
状态栏特效
搜索特效
其他特效
网站首页
丨
网站地图
© Copyright 2009
CsrCode
-
芯晴网页特效
丨备案号:
浙ICP备15010075号-2
Alex排名
页面执行时间0.2656 s