这个代码是在网上很容易搜到的这个代码中仅仅加了一个换颜色的小功能。
<HTML> <head> <Title>我的特效</Title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.Js"></script> </head> <body> <h2>I love you !</h2> </body> <script type="text/JavaScript"> /* 鼠标特效 */var a_IDx = 0; jquery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善"); var b = new Array("red","blue","yellow","green","pink","orange"); var $i = $("<span/>").text(a[a_IDx]); a_IDx = (a_IDx + 1) % a.length; b_IDx = (a_IDx+1)%7;/* 七中颜色变色 */ var x = e.pageX,y = e.pageY; $i.CSS({ "z-index": 9999,"top": y - 20,"left": x,"position": "absolute","Font-weight": "bold","color": b[b_IDx] }); $("body").append($i); $i.animate({ "top": y - 180,"opacity": 0 },1500,function() { $i.remove(); }); }); }); </script></HTML>总结
以上是内存溢出为你收集整理的富强民主文明和谐 点击事件变颜色全部内容,希望文章能够帮你解决富强民主文明和谐 点击事件变颜色所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)