• 欢迎访问db1024网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏db1024吧

给Typecho、Emlog等博客网站添加鼠标点击文字特效 – Rat’s Blog

网络资源 Liam 11个月前 (04-27) 165次浏览 0个评论 扫描二维码
文章目录[隐藏]

说明:鼠标点击文字特效很多博客都有,相信也有很多人需要,这里就分享个方法,适合大部分博客,包括TypechoEmlog等。有兴趣的可以试试。

截图

给Typecho、Emlog等博客网站添加鼠标点击文字特效 - Rat's Blog

方法

将代码放在主题的footer.php中的</body>之前即可。

<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>

特效字体可以自行设置。


db1024 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:给Typecho、Emlog等博客网站添加鼠标点击文字特效 – Rat’s Blog
喜欢 (0)
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址