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

2022-01-11 1433阅读 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--富强-->

2、表达爱情的网红句子-形容爱情很美好的句子_IT屋博客_IT博客

3、网红说说爱情的好句子-你们见过最美的关于爱情的句子，是什么_IT屋博客_IT博客

4、网抑云爱情的句子-关于爱情美好的句子，可以分享一下吗_IT屋博客_IT博客

5、网络流行的关于爱情de句子-有哪些关于爱情的句子或短文，适合摘抄的那种最好_IT屋博客_IT博客

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