本文最后更新于2020.11.09-22:43
,某些文章具有时效性,若有错误或已失效,请在下方评论留言或联系博主。
相信小伙伴们访问某些网站是经常会遇到鼠标点击时,网站会弹出”富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”这样的文字。
那么这是怎么实现的呢?今天9i资源网就来为大家分享鼠标点击特效的第一种方法。
直接在 WordPress 你使用的主题的 footer.php 文件中 <?php wp_footer(); ?> 的前面加上下面这段代码就行了。是不是很简单。
<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": 9999, "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>
保存之后,回到首页F5刷新网页,效果就出来了。
效果图必须有:
评论前必须登录!
立即登录 注册