网站建设资讯

NEWS

网站建设资讯

利用JavaScript怎么实现一个浏览器网页自动滚动功能-创新互联

这篇文章给大家介绍利用JavaScript怎么实现一个浏览器网页自动滚动功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

创新互联公司公司2013年成立,先为刚察等服务建站,刚察等地企业,进行企业商务咨询服务。为刚察企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

1. 打开浏览器控制台窗口

JavaScript通常是作为开发Web页面的脚本语言,本文介绍的JavaScript代码均运行在指定网站的控制台窗口。一般浏览器的开发者窗口都可以通过在当前网页界面按F12快捷键调出,然后在上面的标签栏找到Console点击就是控制台窗口,在这里可以直接执行JavaScript代码,而chrome系浏览器的控制台界面可以使用快捷键Ctrl+Shift+J直接打开

2. 实时查看鼠标坐标

首先为了获取当前的鼠标位置的x、y坐标,需要先重写一个onmousemove函数来帮助我们实时查看光标处的x、y值,方便下一步编写代码时确定初始的y坐标和每次y方向滚动的距离

// 在控制台输入以下内容并回车,即可查看当前鼠标位置
// 具体查看方式:鼠标在网页上滑动时无效果,当鼠标悬停时即可在光标旁边看到此处的坐标
document.onmousemove = function(e){
 var x = e.pageX;
 var y = e.pageY;
 e.target.title = "X is "+x+" and Y is "+y;
};

本文标题:利用JavaScript怎么实现一个浏览器网页自动滚动功能-创新互联
本文链接:http://cdweb.net/article/cdiosh.html