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

富强民主文明和谐 点击事件变颜色,第1张

概述复制下面的代码建立一个html文件就能运行了。如果在想加在自己的博客园里面,直接把js部分加在后台就行了。 这个代码是在网上很容易搜到的这个代码中仅仅加了一个换颜色的小功能。 <html> <head> <title>我的特效</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jque 复制下面的代码建立一个HTML文件就能运行了。如果在想加在自己的博客园里面,直接把Js部分加在后台就行了。

这个代码是在网上很容易搜到的这个代码中仅仅加了一个换颜色的小功能。

<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>
总结

以上是内存溢出为你收集整理的富强民主文明和谐 点击事件变颜色全部内容,希望文章能够帮你解决富强民主文明和谐 点击事件变颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1034729.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存