为站点添加了js特效

发布时间:2020-04-03 14:39:01 作者:乐痴灬青尢 阅读量:1943

前言:在网络上查找了些资料,为站点添加了js点击特效,看着还行吧(比起之前啥都没有肯定舒服了点,哈哈)


代码如下:

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<script type="text/javascript">

        /* 鼠标点击特效 - 7Core.CN */

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


原创文章,转载请注明:为站点添加了js特效 | 青尢Blog

支付宝打赏 微信打赏
上一篇:自我介绍
下一篇:

我要评论

网友评论


评论时间:2020-06-21 13:55:14

大佬牛逼!

阿里云主机

Copyright © 2019-2020 青尢Blog 版权所有 | Designed by 乐痴灬青尢 由阿里云强力驱动
本站以勉强运行:
站点地图 青尢Blog
闽ICP备20002240-2号
Catfish(鲶鱼) Blog V 3.6.0