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

小星空小星空2022-01-111.11 K 阅读0 评论

一、文字动画效果预览

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

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

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

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

<!--富强-->
<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小时内删除。如需体验更多乐趣,还请支持正版。
  我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。
  站长会进行审查之后,情况属实的会在三个工作日内为您删除。
The End 微信扫一扫

文章声明:以上内容(如有图片或视频在内)除非注明,否则均为小星空博客原创文章,转载或复制请以超链接形式并注明出处。

本文作者:小星空本文链接:https://xxkblog.cn/post/5846.html

上一篇 下一篇

相关阅读

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

发表评论

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

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

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