Typecho给主题添加鼠标点击特效

说明

鼠标点击文字特效很多博客都有,相信也有很多人需要,这里就分享个方法,适合大部分博客,包括Typecho,Emlog等。有兴趣的可以试试。

截图

Typecho给主题添加鼠标点击特效

方法

将代码放在主题的footer.php中的</body>之前即可。

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

特效字体可以自行设置;

相关链接:https://www.moerats.com/archives/373/

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发