欢迎光临
不是风暴、是海啸!

WordPress 点击特效

演示效果

设置方法

打开wordpress后台—-外观—主题设置—-自定义代码—-自定义底部代码。

粘贴一下代码 保存。

<script type="text/javascript">
/*  大熊博客  www.xiongsky.com  */
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>
赞(0) 打赏
未经允许不得转载:小熊天空 » WordPress 点击特效
分享到: 更多 (0)

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1
    Mozilla Compatible iPhone iOS 9.3.2
    Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13F69 MicroMessenger/7.0.3(0x17000321) NetType/4G Language/zh_CN

    老公好棒!

    老婆2年前 (2019-05-09)回复
  2. #2
    Google Chrome 69.0.3497.100 Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

    dwd dw dwadwqdadwadwadwa

    yocksky2年前 (2019-06-06)回复

分享快乐 记录生活

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏