WordPress 技巧:双击空白部分返回顶部

  • 时间:
  • 浏览:0
  • 来源:大发uu快3_uu快3平台客服_大发uu快3平台客服
作者:匿名 hihi 来源:周良博客 浏览: 2012-4-6 14:46:31 字号:大 中 小

[摘要]不想其他站长在浏览博客的不想有双击空白每项回到网页顶部的习惯,实际上实现“WordPres主题双击空白每项返回顶部”的土措施很是简单,本文就来分享一下:

  不想现在使用的iArtWork主题有另另俩个双击网页空白每项返回顶部的功能,很多很多不想习惯在看一遍文章不想双击一下博客的空白每项,于是乎让我养成了在任何博客都双击空白每项的习惯。

  实际上实现“WordPres主题双击空白每项返回顶部”的土措施很是简单,

  只需要把下面JS代码加到主题的头部模版中:

<script type="text/javascript">

$(function(){

var scrollTo = function(top, duration, callback) {

var w = $(window);

var FPS = 500;

var currentTop = w.scrollTop();

var offset = (currentTop - top) / (duration * FPS / 50000);

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);

}

}, 50000 / FPS);

}

$('body').dblclick(function(){

scrollTo(0, 500, function(){

});

$(".textField,#commentForm textarea").focus();

});

$('#container.#footer').dblclick(function(e){e.stopPropagation();});

});

</script>

  OK,修改完的主题即可通过双击主题的空白每项(边缘四周这些的)实现返回顶部效果(这些是我博客的效果,属于快速分会),具体效果都需要在这里博客进行预览!

  下面更新有另另俩个缓慢返回顶部的土措施:

<script type="text/javascript">// < ![CDATA[

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",10);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

window.scrollBy(0,1);

}

document.onmousedown=sc

document.ondblclick=initialize

// ]]></script>

  使用土措施和上边的一样,直接中放header.php文件的 不想就都需要了。

  OK,教程到这里就写完了,不想你有这些不懂的地方,欢迎在下方留言,我会为你解答的。

  PS:本文中说到的网站空白每项,指的是背景处,即为周良博客的黑色背景处双击即可返回顶部!

  本文转自:http://www.aips.me/wordpress-skill-double-return-to-top.html

sssss
Tags: WordPress   技巧   双击空白每项返回顶部  
责任编辑:qjt198895