其他分享
首页 > 其他分享> > 博客美化【1】-2020.03.19

博客美化【1】-2020.03.19

作者:互联网

<h1>鼠标点击特效<h1>

 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("❤Linux❤","❤Shell❤","❤Script❤","❤Mysql❤","❤Apache❤","❤Love❤","❤JavaScript❤","❤","❤Java❤");
 7 var $i = $("<span></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": 99999999999999999999,
13 "top": y - 20,
14 "left": x,
15 "position": "absolute",
16 "font-weight": "bold",
17 "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
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>

 

 

标签:function,idx,19,2020.03,random,Math,var,美化,255
来源: https://www.cnblogs.com/hgy1044/p/12527077.html