2021-06-01

最新推荐文章于 2024-11-12 22:56:44 发布

zqhs5599

最新推荐文章于 2024-11-12 22:56:44 发布

阅读量120

点赞数

文章标签： css

本文链接：https://blog.csdn.net/zqhs5599/article/details/117443477

版权

点击鼠标特效


/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
	$("body").click(function(e) {
	      var a = new Array("Java","C","C++","C#","Android","IOS","Object-C","Python","Kotlin","Html5","PHP","Git");
	      var $i = $("&lt;span&gt;&lt;/span&gt;").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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
	      });
	      $("body").append($i);
	      $i.animate({
	          "top": y - 180,
	          "opacity": 0
	      },
	      1500,
	      function() {
	          $i.remove();
	      });
  	});
});