网页鼠标点击特效代码

简介: 我在网页的源代码中找到了这个鼠标点击特效代码,贴在下面。

我在网页的源代码中找到了这个鼠标点击特效代码,贴在下面。


代码复制到后台代码填写的地方,刷新网页,有漂亮的点击效果

<script>
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
0
0
0
15
分享
相关文章
鼠标滑过,酷炫来袭:探索网页设计中的按钮动画魔法!
鼠标滑过,酷炫来袭:探索网页设计中的按钮动画魔法!
移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
前端|获取网页中鼠标选中文字
前端|获取网页中鼠标选中文字
269 0
哇!怎么会有这么好看的按钮!
哇!怎么会有这么好看的按钮!
168 0
哇!怎么会有这么好看的按钮!
绚丽的网页菜单
绚丽的网页菜单
120 0
界面按钮样式丑?不可能!16款css实现炫酷按钮
界面按钮样式丑?不可能!16款css实现炫酷按钮
395 0
界面按钮样式丑?不可能!16款css实现炫酷按钮
【JavaScript】点击那个按钮,那个按钮变色,其他方案
【JavaScript】点击那个按钮,那个按钮变色,其他方案
166 0
【JavaScript】点击那个按钮,那个按钮变色,其他方案
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等