分享
也是一种美德

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

给网站添加“富强、民主、和谐”鼠标点击特效,说白了就是一个 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)

评论 11

  1. #1

    so easy

    匿名1年前 (2018-06-17)回复
    • 感谢来访😘

      匿名1年前 (2018-06-17)回复
  2. #2

    Levitra Bucodispersable Prospecto Zithromax Antibiotics Online cialis cheapest online prices Con Receta Comprar Propecia Viagra Chewing Gum

    匿名2个月前 (04-18)回复
  3. #3

    Cialis Pas Cher Suisse Amoxicillin How Supplied buy levitra in us without prescription Levitra Occasion En Baisse Where I Can Buy Datalafil

    匿名2个月前 (04-23)回复
  4. #4

    Prostata Viagra Healthy Man Viagra cialis 5 mg Cialis 5 Mg Avis D’Utilisateurs

    匿名2个月前 (04-24)回复
  5. #5

    Viagra Preiswert Billig Cialis Canadian como funciona la viagra Finasteride Permixon Propecia Keflex Allergy Alternative Viagra En Barcelona Precio

    匿名1个月前 (05-02)回复
  6. #6

    Buy Albendazole 25 Clomid 100mg Acheter Cialis 20mg online pharmacy Elevage Levitra

    匿名2周前 (05-31)回复
  7. #7

    Discount Generic Cialis Supremesuppliers viagra online El Cialis Necesita Receta

    匿名2周前 (06-03)回复
  8. #8

    Viagra Ohne Rezept Online Kaufen Bayer generic cialis Buying Genuine Viagra No Procription Cialis Boite De 8

    匿名6天前回复
  9. #9

    Prix Du Viagra France En Beziers viagra online prescription Ph Pharmacy Online

    匿名5天前回复
  10. #10

    Cialis No Prescription From Canada viagra Womens Tadalis Sx Soft

    匿名2天前回复

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

我的微博我的博客

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

支付宝扫一扫打赏

微信扫一扫打赏