JS特效——鼠标点击特效

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {$("body").click(function(e) {var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");var $i = $("<span></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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"});$("body").append($i);$i.animate({"top": y - 180,"opacity": 0},1500,function() {$i.remove();});});
});
</script>

JS特效——鼠标点击特效相关推荐

HTML+JS樱花飘落特效+鼠标点击特效
目录: 效果: index.html 代码: <!DOCTYPE html> <html> <head><meta charset="UTF-8&q ...
HTML+CSS+JS实现鼠标点击特效富强民主文明方法
最近学到一个有趣的小东西,特来记录一下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo ...
网页特效————鼠标点击特效
<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(fun ...
JQuery 实现鼠标点击特效富强民主文明方法
最近逛好多博客发现都有一个鼠标点击弹窗的事件, 感觉非常棒 #就像这个样子的百度了一下发现还是实现还是比较简单的(当然我也不会),但是copy 是程序员最喜欢的事,所以我就转载这个文章,也当是自己 ...
鼠标点击特效：canvas点击效果
JS代码(代码中包含了sketch.min.js的源码,如果你的网站已经引用了,请删掉下面的6到7行.): /** 鼠标点击特效:canvas点击效果*/ /* Copyright (C) 2013 ...
网页鼠标点击特效案例收集(直播间红心同理)
1. 鼠标点击出随机颜色的爱心 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
在鼠标点击特效上加上鼠标移动特效（一）
---------------------2021.3.31更新----------------------------- 补一个代码少一点的demo js代码打包下载下载 js.7z <!D ...
鼠标点击特效：点击网站页面显示24字核心价值观上升的特效代码
将以下代码直接写入html中即可(也可以去掉首尾,添加进js文件中,然后在html中包含这个文件) <script type="text/javascript"> /* ...
在鼠标点击特效上加上鼠标移动特效（二）
图片打包下载前一篇鼠标点击特效--富强.民主.文明.和谐- 效果 <!DOCTYPE html> <html><head><meta charset=&q ...

JS特效——鼠标点击特效

JS特效——鼠标点击特效相关推荐

最新文章

热门文章