seo教学:iArtWork主题风格有一个双击鼠标网页面空白页一部分回到顶部的作用

因为现在使用的iArtWork主题有一个双击网页空白部分返回顶部的功能，所以已经习惯在看完文章之后双击一下博客的空白部分，于是乎我就养成了在任何博客都双击空白部分的习惯。 实际上实现“WordPres主题双击空白部分返回顶部”的方法很是简单， 只需要把下面JS代码加到主题的头部模版中： <script type='text/javascript'>$(function(){  &n

　　由于如今应用的iArtWork主题风格有一个双击鼠标网页页面空白页一部分回到顶部的作用，因此早已习惯性在看了文章内容以后双击鼠标一下blog的空白页一部分，因此我也培养了在一切blog都双击鼠标空白页一部分的习惯性。

　　事实上保持“WordPres主题风格双击鼠标空白页一部分回到顶部”的方式很是简洁明了，

　　只必须把下边JS编码加到主题风格的头顶部模板中：

　　$(function(){

　　varscrollTo=function(top,duration,callback){

　　varw=$(window);

　　varFPS=50;

　　varcurrentTop=w.scrollTop();

　　varoffset=(currentTop–top)/(duration*FPS/1000);

　　varn=0;

　　varprevTop=currentTop;

　　vart=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,#commentFormtextarea”).focus();

　　});

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

　　});

　　OK，改动完的主题风格就可以根据双击鼠标主题风格的空白页一部分（边沿四周哪些的）保持回到顶部实际效果（这一就是我blog的实际效果，归属于迅速联合会），实际实际效果能够 这里blog开展浏览！

　　下边升级一个迟缓回到顶部的方式：

　　//varcurrentpos,timer;functioninitialize(){timer=setInterval(“scrollwindow()”,10);}functionsc(){clearInterval(timer);}functionscrollwindow(){window.scrollBy(0,1);}document.onmousedown=scdocument.ondblclick=initialize//

　　操作方法和上边的一样，立即放进header.php文件的以前就可以了。

　　OK，实例教程到这儿就写完了，假如你想说什么不明白的地区，热烈欢迎在正下方留言板留言，我能给你解释的。

　

转载请注明: 爱推站 » seo教学:iArtWork主题风格有一个双击鼠标网页面空白页一部分回到顶部的作用