新葡亰496net 新葡亰编程 jq和javascript实现返回顶部实现程序

jq和javascript实现返回顶部实现程序

本文实例讲述了WordPress增加返回顶部效果的方法。分享给大家供大家参考。具体实现方法如下:

本文章来给大家介绍两款不错的jq和javascript实现返回顶部实现程序,各位朋友可参考参考。

复制代码 代码如下:

返回顶部效果不是WordPress自带的功能,这是一款js或jquery的效果,这里就来给大家介绍在WordPress中增加反回顶部效果的方法.

jquery博客现在准时下班,最近加的蛮累的,估计有加班后遗症了,擦。。。。

<script language=”javascript”>
var goto_top_type = -1;
var goto_top_itv = 0;
function goto_top_timer() {
 var y = goto_top_type == 1 ? document.documentElement.scrollTop
   : document.body.scrollTop;
 var moveby = 15;
 y -= Math.ceil(y * moveby / 100);
 if (y < 0) {
  y = 0;
 }
 if (goto_top_type == 1) {
  document.documentElement.scrollTop = y;
 } else {
  document.body.scrollTop = y;
 }
 if (y == 0) {
  clearInterval(goto_top_itv);
  goto_top_itv = 0;
 }
}
function goto_top() {
 if (goto_top_itv == 0) {
  if (document.documentElement && document.documentElement.scrollTop)
{
   goto_top_type = 1;
  } else if (document.body && document.body.scrollTop) {
   goto_top_type = 2;
  } else {
   goto_top_type = 0;
  }
  if (goto_top_type > 0) {
   goto_top_itv = setInterval(‘goto_top_timer()’, 50);
  }
 }
}
</script>
<a href=”javascript:void(0)”
onclick=”goto_top()”>【返回顶部】</a>

第一步:在下面主题文件footer.php底下加上这段代码:

话说有时候,付出和你收获的不一定成正比,纠结在此,矛盾。。。。

您可能感兴趣的文章:

  • 返回页面顶部top按钮通过锚点实现(自写)
  • 一个简单的弹性返回顶部JS代码实现介绍
  • js控制的回到页面顶端goTop的代码实现
  • javascript返回顶部效果(自写代码)
  • 页面回到顶部的三种实现(锚标记,js)
  • js滚动条回到顶部的代码
  • 基于jquery的回到页面顶部按钮
  • JS实现一键回顶功能示例代码

复制代码代码如下:

妈妈在煮可口的饭菜。早回来,也没什么事,看到好多网站上比如新浪微博之类的有页面拉到最下面,然后有个返回顶部的,我感觉蛮好,用户体验没得说,个人对新浪的产品很感兴趣,佩服那些奋斗在新浪的前端开发们。

TOP)<>
top.js代码如下:

jquery版 DEMO         

标签:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图