鼠标点击页面出现富强自由等文字JS特效

在其他博客看到一款JS特效，感觉很不错，所有网上收集过来分享给大家。
效果参考本网站，添加点击特效，点击页面会显示：
富强, 民主, 文明, 和谐, 自由, 平等,公正 ,法治, 爱国, 敬业, 诚信, 友善
把以下代码添加到当前主题的head.php或footer.php文件的</body>前

<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>

此代码引用到了jquery，如果代码放进去前端不显示可能是你的主题没有引入jquery,需要在上述代码前引入

<script language="javascript" type="text/javascript" src="https://cdn.staticfile.org/jquery/1.7.2/jquery.min.js"></script>

鼠标点击页面出现富强自由等文字JS特效相关推荐

爱国html源码,鼠标点击网页爱国富强民主特效（附代码）
有朋友经常问,网站上点击出现爱国字眼是怎么做出来的,鼠标点击就显示"富强.民主.和谐"等24个词语,这样鼠标点击特效.下面来分享一下如何实现的. 1,效果如下: 添加页面点击特效, ...
php点击弹出文字代码,js实现鼠标点击页面弹出自定义文字效果
本文实例为大家分享了js鼠标点击页面弹出文字的具体代码,供大家参考,具体内容如下效果: 实现代码: (function(e){ // 点击事件触发生生元素等一系列动作的初始状态 var bombFl ...
prototype鼠标指针_html5鼠标点击页面光标圆点动画特效
特效描述:html5 鼠标点击页面光标圆点动画特效.html5圆点动画,光标动画,鼠标点击页面事件. 代码结构 1. 引入JS 2. HTML代码点击任何地方看效果 'use strict'; v ...
2022跨年烟花代码（六）HTML5鼠标点击页面放烟花特效
HTML5鼠标点击页面放烟花特效 html代码 <!DOCTYPE html> <html> <head><meta http-equiv="Con ...
鼠标点击弹出富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善社会主义核心价值观
var a_idx = 0;$("body").click(function(e) {var a = new Array("富强", "民主" ...
点击页面出现富强、民主这类文字动画效果
一.文字动画效果预览点击本页面任意位置即可!因为动画效果用的是CSS3 animation,因此,IE9及其以下浏览器无效果. 二.如何在自己网站上添加类似效果? 复制并粘贴下面的内联CSS代码到页 ...
html富强民主鼠标特效,鼠标点击弹出 “富强民主 ”特效
代码 /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function ...
html鼠标点击显示二级菜单内容,怎样操作js实现二级菜单点击显示当前内容
这次给大家带来怎样操作js实现二级菜单点击显示当前内容,操作js实现二级菜单点击显示当前内容的注意事项有哪些,下面就是实战案例,一起来看一下. 最近做了一个二级菜单点击事件的效果,一级菜单有3个,二级 ...
html鼠标点击之后隐藏,html中如何用js设置鼠标两秒不动，隐藏鼠标
-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d ...

鼠标点击页面出现富强自由等文字JS特效

鼠标点击页面出现富强自由等文字JS特效相关推荐

最新文章

热门文章