给博客加Juqery”富强、民主、文明、和谐”鼠标点击特效

2017年12月15日15:18:03 发表评论 342

今天看到一个非常有意见的Jquery特效,就是鼠标点击网页的任何地方都会有特效产生,非常的容易,我看了下源代码,其实就是给body加一个鼠标点击事件,给body绑定一个动画效果,直接把这段Jquery代码放到网页的头部或者说底部模板区域就可以了。

 

jquery"富强、民主、文明、和谐"特效代码

  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>

ps: 特别提示,要引入jquery文件才可以使用该特效,一般网站都引用了,这个我们不用管了,上面的文件内容,颜色,坐标,动画等都可以自己修改的,只要你能看的懂。

jquery"富强、民主、文明、和谐"特效截图

给博客加Juqery

 

 

猿梦

发表评论

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