鼠标事件!控制滚动条滚动_另类网页特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 另类网页特效 >> 鼠标事件!控制滚动条滚动	查看此特效演示

鼠标事件!控制滚动条滚动

把如下代码复制到<body>与</body>之间

<DIV id=staticbuttons style="POSITION: absolute"><A 
onmouseover=myspeed=-thespeed onmouseout=myspeed=0 href="javascript:"><IMG 
height=21 src="jsimg/images/top.gif" width=17 border=0></A><BR><A 
onmouseover=myspeed=thespeed onmouseout=myspeed=0 href="javascript:"><IMG 
height=21 src="jsimg/images/bottom.gif" width=17 border=0></A> </DIV>
<SCRIPT>
var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function positionit(){
var dsocleft=document.all? document.body.scrollLeft : pageXOffset
var dsoctop=document.all? document.body.scrollTop : pageYOffset
var window_width=ieNOTopera? document.body.clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? document.body.clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</SCRIPT>

点击下载该特效所使用图片（右键另存为）

上一个特效：防止选择和复制

返回列表

下一个特效：经典超酷的页面切换效果