Loading
0

WordPress知更鸟Begin主题添加“富强、民主、和谐”鼠标点击特效
被墙跳转TG:@qianhenetwork QQ 851617266

301免备案跳转微信公众号
腾讯云服务器大促销。
华为服务器

添加“富强、民主、和谐”鼠标点击特效,这个特效网上也有许多教程,看到后也收集来了。其实就是一个JS,代码如下。把JS放在网站中就可以使用了。

  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>

JS文件,我们一般是放在底部,也就是footer中,其实为了更小的缩减JS加载请求,我们可以把JS合并下。就如以上JS,去除<script type="text/javascript"></script>把里面的内容加在网站需要运行的JS里面,这样也就可以做到合并下,效果也不会变,也减少了JS的请求。

301免备案跳转微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://www.zfcdn.xyz/showinfo-19-18730-0.html
亲爱的:被墙域名跳转TG:@qianhenetwork QQ:851617266,可否收藏+评论+分享呢?
上一篇:WordPress主题 大前端DUX5.1主题破解增强版 DUX-Plus5.1最新免费下载
下一篇:给wordpress知更鸟主题菜单导航进入文章后常亮显示