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

猫屋博客

一、文字动画效果预览

点击本页面任意位置即可!说明:此代码依赖jquery文件,一般网站都会有,

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

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

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

<!--富强-->
<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--富强-->




文章版权声明:除非注明,否则均为猫屋博客MAOWUO.CN原创文章,转载或复制请以超链接形式并注明出处。

您需要 登录账户 后才能发表评论

发表评论

表情:
评论列表 (暂无评论,159人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码