网站首页
您的位置:
博熙设计
>>
网页特效
>>
页面导航
>> 浏览主题
查看特效
页面上下滚动
[日期:2006-2-4 17:28:35]
[浏览指数:1892]
脚本说明: 第一步:把如下代码加入<head>区域中 <style type="text/css"> #item {position:absolute; visibility:hidden; left:0px} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var isNS=(document.layers); var _all=(isNS)? '' : 'all.' ; var _style=(isNS)? '' : '.style' ; var _visible=(isNS)? 'show' : 'visible'; var w_x, w_y, item, okscroll=false, godown; function init(){ item=eval('document.'+_all+'item'+_style); getwindowsize(); item.visibility=_visible; scrollpage(); } function getwindowsize() { w_x=(isNS)? window.innerWidth-5 : document.body.clientWidth; w_y=(isNS)? window.innerHeight : document.body.clientHeight; (isNS)? item.clip.width=42: item.width=42; (isNS)? item.clip.height=20 : item.height=20; moveitem(); } function resizeNS() { setTimeout('document.location.reload()',400); } function moveitem() { if (isNS) { item.moveTo((pageXOffset+w_x-70),(w_y+pageYOffset-50)) }else{ item.pixelLeft=document.body.scrollLeft+w_x-70; item.pixelTop=w_y+document.body.scrollTop-50; } } window.onload=init; (isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ; function scrollpage() { status = ''; if (okscroll) { if (godown) { (isNS)? window.scrollBy(0,4) : window.scrollBy(0,4) ; } else { (isNS)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ; } } moveitem(); setTimeout('scrollpage()', 40); } // End --> </script> 第二步:把如下代码加入<body>区域中 <div id="item"> <a href="javascript:void(0)" onMouseover="okscroll=true; godown=true" onMouseout="okscroll=false"><img src="down.gif" border="0"></a><a href="javascript:void(0)" onMouseover="okscroll=true; godown=false" onMouseout="okscroll=false"><img src="up.gif" border="0"></a> </div>
特别说明:
如文本框里含有upjs/***.js内容的,请用查看按钮查看演示!
·上个特效:
颜色选择器
·下个特效:
图片移动,文字移动的免费代码
【特效评论已关闭】
当前风格:蓝色理想
关于本站
|
联系我们
|
广告合作
|
网站地图
|
友情连接
|
后台管理
| |
业务合作
备案序号: 陇ICP备05000683号
感谢
中网数据
提供
网站空间
[世界排名]
博熙设计
Powered by:
Hxcms Ver6.6
页面执行时间:31.25MS