分享
也是一种美德

给网站添加“富强、民主、和谐…”鼠标点击特效

给网站添加“富强、民主、和谐”鼠标点击特效,说白了就是一个 JS 特效

实现方法:

将下列代码放入网站文件当中就行

<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”: 999999999999999999999999999999999999999999999999999999999999999999999,  

            “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>

JS 文件,我们一般是放在底部,也就是footer中。如本站是直接放在主题文件的footer.php里面

关于代码修改:

代码中的#ff6651即颜色代码,是那些文字的颜色,搜索关键词颜色代码可获取更多颜色代码,然后替换就行

代码中的1500即文字显示时间,如果没弄错,1000 就相当于 1 秒

赞(0) 打赏
未经允许不得转载:宇峰博客 » 给网站添加“富强、民主、和谐…”鼠标点击特效
分享到: 更多 (0)

评论 2

  1. #1

    so easy

    匿名6个月前 (06-17)回复
    • 感谢来访😘

      匿名6个月前 (06-17)回复

宇峰博客 分享也是一种美德

我的微博我的博客

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏