博客个性化之【鼠标点击效果 】

标签：文字   pre   文字效果   com   block   display   splay   nbsp   blog   

侧栏插入此代码

/*****************************文字效果******************************************/

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <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": 100000000,"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>

/*****************************爱心效果******************************************/

1 <script type="text/javascript" src="https://blog-static.cnblogs.com/files/Steven-Tim/xiaoxinxin.js"></script>

博客个性化之【鼠标点击效果 】

标签：文字   pre   文字效果   com   block   display   splay   nbsp   blog   

原文地址：https://www.cnblogs.com/growingsbk/p/11219087.html