收集一波常见的加速NPM包的CDN,发现有些还是挺好用的,基本上可以替代unpkg、jsdelivr,用来做博客或者网站加载NPM使用还是可以的。......
WordPress增加返回顶部效果的方法
本文实例讲述了WORDPRESS增加返回顶部效果的方法。分享给大家供大家参考。具体实现方法如下:
返回顶部效果不是WORDPRESS自带的功能,这是一款js或jquery的效果,这里就来给大家介绍在WORDPRESS中增加反回顶部效果的方法.
第一步:在下面主题文件footer.php底下加上这段代码:复制代码代码如下:script src="top.js" type="text/javascript" charset="utf-8">/script > div id="scroll">a href="javascript:void(0)" onclick="goto_top()" title="返回顶部">TOP/a>/div>top.js代码如下:复制代码代码如下://![CDATA[ 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); } } } //]]>第二步:在主题文件style.css文件中加入以下样式:复制代码代码如下:/*返回顶部*/ #scroll {display:block; width:30px; margin-right:-380px; position:fixed; right:50%; top:90%; _margin-right:-507px; _position:absolute; _margin-top:30px; _top:expression(eval(document.documentElement.scrollTop)); } #scroll a { display:block; float:right; padding:9px 5px; cursor: pointer; background-color:#444; color:#fff; border-radius:5px; text-decoration: none; font-weight:bold; } #scroll a:hover { background-color:#333; color:#669900; text-decoration: none; font-weight:bold; }这样我们再清除缓存是不是就可以看到有个返回顶部的效果按钮了,这样你的WORDPRESS博客中的所有页面都会有返回顶部效果了.
希望本文所述对大家的WORDPRESS建站有所帮助。
以上方法由办公区教程网编辑摘抄整理自互联网可供大家参考!
相关文章
- 详细阅读
-
WordPress网站文章ID不连续如何解决?笔记已测试详细阅读
对于WordPress网站文章ID不连续的问题困扰了我很久,今天将WordPress文章ID不连续的原因和具体解决办法做详细的说明。 WordPress文章ID不连续的原因: 用WordPress做网站的站......
2023-08-17 24
-
wordpress建站教程:文章自动调用特色图片详细阅读
继续分享wordpress建站教程。我们在日常更新wordpress网站文章时基本都需要手动添加文章的缩略图,一般是根据文章内容来添加,虽然麻烦一点,但效果更好,对普通的企业wordpress外......
2023-08-14 66