给网页添加鼠标单击特效 - 微笑博客


作者: smiling

全网最全的网络资源分享网站

手机扫码查看

标签:

emlog

特别声明:文章多为作者原创,少部分来源于互联网,如有侵权请联系邮箱2902829982@qq.com


无论是emlog还是wp,都是通用的,把下面代码复制保存到模板的header.php里面就行

<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": 99, 
 "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>

font-weight 属性设置文本的粗细

分享到:
打赏

以下为本文版权信息

阅读时间: 

发布于:2021-6-13

本文标题: 给网页添加鼠标单击特效

本文链接: https://www.smilingwxj.cn/post-56.html

版权声明:文章为《 smiling》原创,转载请保留出处!

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

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

支付宝扫一扫打赏

微信扫一扫打赏

sitemap // 切换网页试下效果吧