欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 上下弹动的导航条
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 状态栏显示链接内容...
· 又一例闪动的标题栏...
· 让标题栏文字动起来...
· 状态栏显示链接内容...
· 在输入框中输入什么...
· 状态栏打字效果特效...
· 闪动的标题栏特效
· 字符来回出现于状态...
· 在标题栏显示时间特...
· 一款状态滚动的文字...
本 类 热 门
· 漫天飞雪网页特效代码...
· 在主页加入钟表的代码...
· 飘落的多图片
· 又一款蝴蝶飞舞的页面...
· 右键点出菜单条(出新...
· 随机文本链接
· 随鼠标栏拉动的滚动下...
· 文字播放后页面随即自...
· 上下弹动的导航条
· 点击单选框就直接激活...
· 无边的信息导航窗
· 会浮动、隐藏的导航菜...
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
上下弹动的导航条
上下弹动的导航条
作者:佚名  来源:本站整理  名称:上下弹动的导航条 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:

要完成此效果把如下代码加入到<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.jojoo.net/" target="_blank">
<img src="http://www.jojoo.net/logo.gif" border=0 alt="JavaScript Fairyland" width="88" height="31">
</a>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="#" target="_blank"><font color="#FF3399">LINK</font></a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="#" target="_blank"><font color="#FF3399">LINK</font></a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="#"><font color="#FF3399">LINK</font></a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="#"><font color="#FF3399">LINK</font></a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="#"><font color="#FF3399">LINK</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>

[返回上一页] [打印上下弹动的导航条]
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |