点击页面弹出富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善社会主义核心价值观这类文字动画效果

一、文字动画效果预览

二、如何在自己网站上添加类似效果？

复制并粘贴下面的代码到页面任意位置

<!--富强-->
<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("富强", 
        "民主",
         "文明",
          "和谐", 
          "自由", 
          "平等", 
          "公正" ,
          "法治", 
          "爱国",
           "敬业", 
           "诚信", 
           "友善"); 
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "#ff6651" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); }); 
    </script><!--edn--富强-->