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

爱游博客 2018-02-24 网站建设 8.02k 推广

给网站添加“富强、民主、和谐”鼠标点击特效。这个特效网上也有许多教程，爱游博客看到后也收集来了并给博客也加上了这个特效。其实就是一个JS代码，代码如下。把JS放在网站中就可以使用了。 <script type="text/javascript"> /* 鼠标特效 */ va...

给网站添加“富强、民主、和谐”鼠标点击特效。这个特效网上也有许多教程，爱游博客看到后也收集来了并给博客也加上了这个特效。其实就是一个JS代码，代码如下。把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>

放在网站底部，也可以用页脚小工具，效果图如下。

版权申明：

①：本站文章均为原创，除非另有说明，否则本站内容依据CC BY-NC-SA 4.0许可证进行授权，转载请附上出处链接，谢谢。
②：本站提供的所有资源均为网上搜集，不保证能100%完整，如有涉及或侵害到您的版权请立即通知我们。
③：本站所有下载文件，仅用作学习研究使用，请下载后24小时内删除，支持正版，勿用作商业用途。
④：本站保证所提供资源的完整性，但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤：使用该资源需要用户有一定代码基础知识！由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥：本站资源售价只是赞助，收取费用仅维持本站的日常运营所需。
⑦：如果喜欢本站资源，欢迎捐助本站开通会员享受优惠折扣，谢谢支持！
⑧：如果网盘地址失效，请在相应资源页面下留言，我们会尽快修复下载地址。