欢迎来到豆沙资源网,请记住本站地址:www.xsdy168.com 以备不时之需

双击鼠标实现页面自动滚屏的效果代码

搜点资源网 2020-3-26 综合资源 0

把以下代码加在网站的页面中,就可以实现双击鼠标实现自动滚屏的效果

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body {height: 1500px;}
</style>
</head>
<body>
我要滚动了
<script  type="text/JavaScript">
//双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize(){
timer=setInterval ("scrollwindow ()",3);
}
function sc(){
clearInterval(timer);
}
function scrollwindow(){
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
</body>
</html>


本文标签: 网页代码
  特别声明:文章多为网络转载,资源使用一般不提供帮助,特殊原创资源除外,如有侵权,不实,不妥请联系删除!

上一篇:CSS3实现打字效果代码
下一篇:屏蔽网站鼠标右键代码,屏蔽按键刷新审核元素

发表留言:

同类推荐

  • 一组非常简约好看的CSS3汉堡包菜单图标按钮变形动画特效,汉堡包菜单图标在手机端APP或响应式设计上比较常见,一般用来展开和关闭网站导航菜单......