网站地图

javascript双击网页自动滚动

创建时间:2014-03-19 20:57:40最后修改:2014-03-19 21:09:18

JS双击网页自动滚动的JS效果代码:

<script type="text/javascript">
var timer = null;
var speed = 30;/ 滚动速度

/ 定时执行滚动
function initialize(){  
	try
	{
		clearInterval(timer);
		timer=setInterval("scrollwindow()", speed);
	}
	catch(e){}
}

/ 滚动函数
function scrollwindow()
{
		var currentpos=document.getElementsByTagName("body")[0].scrollTop;
		currentpos=currentpos+1;
		window.scrollBy(0,1);
		if (currentpos != document.getElementsByTagName("body")[0].scrollTop)
		{
			clearInterval(timer);
		}
}

/ 绑定双击事件
document.getElementsByTagName("body")[0].ondblclick = function (){
	initialize();
}
</script>

将这段代码加入到网页HTML代码中,可以实现双击网页自动滚动的效果。