地图		广告招租 ←—
订阅
投稿

您的位置：网站首页 > 特效代码 > 菜单导航特效 > 正文：浮动在页面左侧不断上下弹动的导航菜单

浮动在页面左侧不断上下弹动的导航菜单

日期：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大…
一款很不错的带图片的下拉菜…