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

Posted 2022-04-29 growingsbk

侧栏插入此代码

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

 

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