【WordPress教程】为博客添加鼠标点击特效

作者 : 开红大大 发布时间: 2019-03-8 文章热度:4.7K 共585个字,阅读需2分钟。 字体: 隐藏侧边 显示侧边

效果展示
鼠标点击会出一个词,再点又是另一个词
【WordPress教程】为博客添加鼠标点击特效-开红大大源码库

最简单的方法就是直接在 WordPress 主题的 footer.php 文件中 的前面加上一段代码就行了。网上一搜索也基本都是用的这方法。

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
   $("body").click(function(e) {
       var a = new Array("时光不老", "我们不散");
       var $i = $("<span/>").text(a[a_idx]);
       a_idx = (a_idx + 1) % a.length;
       var x = e.pageX,
       y = e.pageY;
       $i.css({
           "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
           "top": y - 20,
           "left": x,
           "position": "absolute",
           "font-weight": "bold",
           "color": "#ff6651"
       });
       $("body").append($i);
       $i.animate({
           "top": y - 180,
           "opacity": 0
       },
       1500,
       function() {
           $i.remove();
       });
   });
});
    </script>
免责声明: 本站资源均来自互联网,除了亲测源码能保证完整,其他未测试的源码不能保证其完整性,购买后不支持退款。 本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系我们。 若需要解压密码,没有注明的话一律为“www.lkh0525.cn”。
开红大大源码库 » 【WordPress教程】为博客添加鼠标点击特效
518+

本站勉强运行

1217+

用户总数

795+

资源总数

5+

今日更新

2020-3-31

最后更新时间