您现在的位置是：首页 > 网站优化网站优化

富强民主文明和谐点击事件变颜色

胜于蓝2020-08-27【网站优化】人已围观

简介复制下面的代码建立一个html文件就能运行了。如果在想加在自己的博客园里面，直接把js部分加在后台就行了。这个代码是在网上很容易搜到的这个代码中仅仅加了一个换颜色的小功

复制下面的代码建立一个html文件就能运行了。如果在想加在自己的博客园里面，直接把js部分加在后台就行了。9nQ胜于蓝|优秀个人博客

这个代码是在网上很容易搜到的这个代码中仅仅加了一个换颜色的小功能。9nQ胜于蓝|优秀个人博客
<html>9nQ胜于蓝|优秀个人博客
   <head>9nQ胜于蓝|优秀个人博客
       <title>我的特效</title>9nQ胜于蓝|优秀个人博客
       <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">9nQ胜于蓝|优秀个人博客
</script>9nQ胜于蓝|优秀个人博客
   </head>9nQ胜于蓝|优秀个人博客
   <body>9nQ胜于蓝|优秀个人博客
       <h2>I love you !</h2>9nQ胜于蓝|优秀个人博客
   </body>9nQ胜于蓝|优秀个人博客
   <script type="text/javascript"> 9nQ胜于蓝|优秀个人博客
/* 鼠标特效 */9nQ胜于蓝|优秀个人博客
var a_idx = 0; 9nQ胜于蓝|优秀个人博客
jQuery(document).ready(function($) { 9nQ胜于蓝|优秀个人博客
$("body").click(function(e) { 9nQ胜于蓝|优秀个人博客
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 9nQ胜于蓝|优秀个人博客
       var b = new Array("red","blue","yellow","green","pink","blue","orange");9nQ胜于蓝|优秀个人博客
var $i = $("<span/>").text(a[a_idx]); 9nQ胜于蓝|优秀个人博客
a_idx = (a_idx + 1) % a.length; 9nQ胜于蓝|优秀个人博客
       b_idx = (a_idx+1)%7;/* 七中颜色变色 */9nQ胜于蓝|优秀个人博客
var x = e.pageX, 9nQ胜于蓝|优秀个人博客
y = e.pageY; 9nQ胜于蓝|优秀个人博客
$i.css({ 9nQ胜于蓝|优秀个人博客
"z-index": 9999, 9nQ胜于蓝|优秀个人博客
"top": y - 20, 9nQ胜于蓝|优秀个人博客
"left": x, 9nQ胜于蓝|优秀个人博客
"position": "absolute", 9nQ胜于蓝|优秀个人博客
"font-weight": "bold", 9nQ胜于蓝|优秀个人博客
"color": b[b_idx]9nQ胜于蓝|优秀个人博客
}); 9nQ胜于蓝|优秀个人博客
$("body").append($i); 9nQ胜于蓝|优秀个人博客
$i.animate({ 9nQ胜于蓝|优秀个人博客
"top": y - 180, 9nQ胜于蓝|优秀个人博客
"opacity": 0 9nQ胜于蓝|优秀个人博客
}, 9nQ胜于蓝|优秀个人博客
1500, 9nQ胜于蓝|优秀个人博客
function() { 9nQ胜于蓝|优秀个人博客
$i.remove(); 9nQ胜于蓝|优秀个人博客
}); 9nQ胜于蓝|优秀个人博客
}); 9nQ胜于蓝|优秀个人博客
}); 9nQ胜于蓝|优秀个人博客
</script>9nQ胜于蓝|优秀个人博客
</html>9nQ胜于蓝|优秀个人博客
9nQ胜于蓝|优秀个人博客