给博客添加鼠标点击特效(有点意思)

Mr.M
Mr.M
Mr.M
516
Articles
19
Review
2017年10月5日23:41:11 Review 3,738 837word阅读2分47秒

添加鼠标点击特效

博猪是直接添加在页脚上的。栗子:wp后台-外观-主题设置(Begin主题选项)-SEO设置-编辑页脚第二行信息-文本-“添加下方代码”

添加鼠标点击特效,("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善")等。

  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>

 

 

继续阅读
  • 支付宝红包
  • 扫一扫获得红包
  • weinxin
  • 支付宝打赏
  • 扫一扫支付宝打赏
  • weinxin
Mr.M
  • by Published on 2017年10月5日23:41:11
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
Baklib一个免费搭建博客/文档/手册平台 初缘的分享

Baklib一个免费搭建博客/文档/手册平台

挺不错的一个平台!有点当年”智能建站”的味道!适合小白用户建站,建博等!不过做这种平台内容审核是一个非常艰难的问题。不知道这个平台能支撑多久。 尊敬的⽤户,感谢你使⽤baklib。baklib正处于上...
匿名

Comment

Anonymous Write

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: