更新时间：2021-12-09
所属分类：PHP源码
评论回复：0
古典云纹返回顶部插件是基于emlog博客网站进行开发的中国风返回顶部插件。
说实话网上的返回顶部太多了，但中国风的还是很少，几乎很少看到，于是本人着手制作了几款。这是一款比较美观的中国风返回顶部。
该古典云纹是网上找的云纹边框素材，然后再找的流苏，用Adobe Photoshop合成后，再用Adobe After Effects做飘动动画，最后导出为png，用css帧动画运用在网页中。该动画的css悬停用的是滤镜变色。
js用的是jquery+gsap（动画制作利器）+ScrollToPlugin.js，其中速度有快有慢，js里有注释。在这里完全可以用jquer来搞定，不用那么复杂，因为我的模板用了gasp，所以单独提取出来就显得有点多余了，效果只供参考，抛**引玉。html里面有详细的注释。
使用说明：
1、如果安装插件后，点击按钮无反应，请点插件设置页面，开启 加载jquery。默认是关闭的。
2、在首页点击“评”字时跳转到你指定的页面，通常是留言板，如：http://\*\*\*/book/
如果你没有留言板可以新建一个文章或页面做留言板，然后再把地址粘贴过来。
3、填写你的模板日志页评论区域或评论框的id或class，比如：#comment-place或#comment
点击后屏幕将滚动到这里。如果你不**查id，在浏览器中按F12或右键点审查元素找到评论区域的id即可。
4、点击“下”时滚动到你指定的id或class元素，如：#footerbar或.footer
5、此返回顶部在1366px分辨率下**隐藏掉，在手机端根本不**输出，不**产生任何垃圾，给模板造成负担。
6、此插件是根据舍力的客户插件修改过来的，因为是第一次做插件，不大**。所以不完美的地方在于微语页面的判断代码无效。本来是在首页、微语页和其他非日志的页面，点评字是跳转到留言板的，可是写了日志页和微语页的判断代码无效，郁闷了。
截图仅供参考,请以演示为准!
顶部 云纹 风 中国 插件 博客 emlog 开发 网站本文由（小晴）整理上传发布，如转载请注明出处：http://www.yuanmamei.com/article/109184;
本站发布的内容若侵犯到您的权益，请进行举报/投诉，我们将及时处理！
==========================================================================
本站大部分下载资源已通过测试可用无加密，但不保证其功能强大以及安全性，请下载后自行测试。
本站资源仅供学习和交流使用，版权归资源原作者所有，请在下载后24小时之内自觉删除。
若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，与本站无关。
加入收藏 查看演示 下载资源 0 46 459
