香港独立IP空间
香港php空间
美国php空间
域名注册

无忧主机小编最近在预览一个博客的时候,因为这个博客写的都是些技术文章,因为无忧主机小编感觉自己的知识还是非常值浅薄,所以经常来看这些技术文章来弥补自身的不足,各位朋友们都知道,一般技术文章都是很长的,看完到底部的时候,怎么使我们的快速的回到顶部呢,因为一步步的往上走很费时间的,所以无忧主机小编,就对这个开始慢慢的研究起来,下面就来看看无忧主机小编的思考思想吧!
首先我们应该知道360浏览器有一个功能鼠标右键成垂直角不放向右就关闭了本页的浏览页面,其实这个就是用js来控制鼠标事件,那么知道可以用这个方法实现,那么怎么使鼠标事件双击回到顶部呢,有了这个思想至少我们的缩小范围了,那么我们就可以去找一下相关的案例来看看,根据无忧主机小编数小时的奋斗,在相关的资料上进行修改js代码,这里无忧主机小编想说明的是无忧主机小编的js编程也不怎么样,只是能看懂一点,可行实现样的功能其实并不难。那无忧主机小编是怎么实现的呢?
1、首先我们要知道一个网站有几个模块组成的,那么当我们双击鼠标的时候是与之header反应的,所以找到当前使用的模板的header.php,在里面适当的位置加上以下代码:
<script type=”text/javascript”>
$(function(){
var scrollTo = function(top, duration, callback) {
var w = $(window);
var FPS = 50;
var currentTop = w.scrollTop();
var offset = (currentTop – top) / (duration * FPS / 1000);
var n = 0;
var prevTop = currentTop;
var t = setInterval(function() {
if ((prevTop – top) * (currentTop – top) <= 0) {
clearInterval(t);
currentTop = prevTop = top;
w.scrollTop(top);
if (callback) callback();
} else {
prevTop = currentTop;
w.scrollTop(currentTop -= offset);
}
}, 1000 / FPS);
}
$(‘body’).dblclick(function(){
scrollTo(0, 200, function(){
});
$(“.textField,#commentForm textarea”).focus();
});
$(‘#container.#footer’).dblclick(function(e){e.stopPropagation();});
});
</script>
这样我们就完成了双击鼠标快速回到顶部了,是不是感觉了很有成就感的样子了呢。
感谢站长朋友们对无忧主机的支持与厚爱!
无忧主机相关文章推荐阅读:
添加WORDPRESS数据库运行状态日志

设置WORDPRESS评论达到数量后自动关闭评论

谷歌影响后WORDPRESS存在的问题并分析解决

WORDPRESS表单插件WP USER FRONTEND PROWWP

本文地址:http://www.51php.com/wordpress/15292.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档