当前位置: 首页 > 教程资源 > 正文
为您的 WordPress 添加富强、民主、文明、和谐等鼠标点击特效

为您的 WordPress 添加富强、民主、文明、和谐等鼠标点击特效

作者:大眼仔~旭 日期:3周前 (03-11) 评论:0 条

摘要:看到别的网站上使用鼠标点击会出现“富强、民主、和谐”鼠标点击特效,想不想为自己的 Wordpress 网站上添加相同的效果,其实方法非常简单,一段 JS 代码就可以搞定。把以下的 JS 代码投放到合适的位置后刷新网站就可以啦! 打开“外观 - 主题 - 编辑 - 模板-主题页脚 (footer.php)” 加入以下代码…

看到别的网站上使用鼠标点击会出现“富强、民主、和谐”鼠标点击特效,想不想为自己的 WordPress 网站上添加相同的效果,其实方法非常简单,一段 JS 代码就可以搞定。把以下的 JS 代码投放到合适的位置后刷新网站就可以啦!

打开“外观 – 主题 – 编辑 – 模板-主题页脚 (footer.php)”
加入以下代码,保存后刷新就行了,用鼠标在大眼仔旭网站上点击看看是不是也有相同的效果哦。

  1. <script type=“text/javascript”>
  2. /* 鼠标特效 */
  3. var a_idx = 0;
  4. jQuery(document).ready(function($) {
  5.     $(“body”).click(function(e) {
  6.         var a = new Array(“富强”“民主”“文明”“和谐”“自由”“平等”“公正” ,“法治”“爱国”“敬业”“诚信”“友善”);
  7.         var $i = $(“<span />”).text(a[a_idx]);
  8.         a_idx = (a_idx + 1) % a.length;
  9.         var x = e.pageX,
  10.         y = e.pageY;
  11.         $i.css({
  12.             “z-index”: 999999999999999999999999999999999999999999999999999999999999999999999,
  13.             “top”: y – 20,
  14.             “left”: x,
  15.             “position”“absolute”,
  16.             “font-weight”“bold”,
  17.             “color”“#ff6651”
  18.         });
  19.         $(“body”).append($i);
  20.         $i.animate({
  21.             “top”: y – 180,
  22.             “opacity”: 0
  23.         },
  24.         1500,
  25.         function() {
  26.             $i.remove();
  27.         });
  28.     });
  29. });
  30. </script>
声明:大眼仔旭 | 本文采用知识共享署名 4.0 国际许可协议[BY-NC-SA]进行授权
文章名称:《为您的 WordPress 添加富强、民主、文明、和谐等鼠标点击特效
文章固定链接:http://www.dayanzai.me/mouse-effect.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
转载声明
全部评论: (0条)
^_^ 暂无评论!

发表评论

返回顶部