鼠标点击富强民主的特性

Posted meml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标点击富强民主的特性相关的知识,希望对你有一定的参考价值。

方法一:

js代码(用notepad++编辑器的编码UTF-8 BOD编码来编写,不然会出现中文乱码,,我个人遇到了中文乱码):

    var a_idx = 0;
    jQuery(document).ready(function($) {
        $("body").click(function(e) {
            var a = new Array("?富强?","?民主?","?文明?","?和谐?","?自由?","?平等?","?公正?","?法治?","?爱国?","?敬业?","?诚信?","?友善?");
            var $i = $("<span></span>").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();
            });
        });
    });

创建好js就去html中去<boby>调用

<html>
<body>
....
 <script src="js/fuqiang.js" charset="UTF-8"></script>
.....
</body>
</html>

方法二:

直接去html中<body>用,只是要加<script>以及</script>

<script>
    var a_idx = 0;
    jQuery(document).ready(function($) {
        $("body").click(function(e) {
            var a = new Array("?富强?","?民主?","?文明?","?和谐?","?自由?","?平等?","?公正?","?法治?","?爱国?","?敬业?","?诚信?","?友善?");
            var $i = $("<span></span>").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();
            });
        });
    });
</script>

 

以上是关于鼠标点击富强民主的特性的主要内容,如果未能解决你的问题,请参考以下文章

博客园富强民主文明和谐样式

点击页面出现富强民主

点击页面出现富强民主这类文字动画效果

鼠标点击特效js代码

博客园鼠标点击特效代码

博客园鼠标点击特效代码