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

2022-01-11 1418阅读 0评论

一、文字动画效果预览

点击本页面任意位置即可!说明:此代码依赖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--富强-->


版权声明
  本站致力于为模板爱好者提供国内外插件开发技术和模板共享,着力为用户提供优资资源。
  本站提供的所有下载文件均为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
  我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。
  站长会进行审查之后,情况属实的会在三个工作日内为您删除。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,1418人围观)

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

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