网站添加“富强·民主·爱国”鼠标点击特效美化
代码简介:
部署到自己的网站非常的简单,几乎是支持所有的站点,一般情况下只要将复制好的代码粘贴到之前就行了。
如果是WordPress网站直接添加到footer.php文件的之前就OK了。
代码中的字体以及属性均可以自定义设置,因为上面附上另种不同效果的代码,大家选一个喜欢的给自己的网站装饰下看看效果吧!
如果添加后未生效请尝试清理CDN缓存或者浏览器缓存就可以了。
代码效果:
代码:
<script type="text/javascript">
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>
网站添加“富强·民主·爱国”鼠标点击特效美化相关推荐
- 搜索注册栏(注册弹出模态框)和富强民主的鼠标点击效果
搜索注册栏(注册弹出模态框)和富强民主的鼠标点击效果 <!doctype html> <html><head><meta charset="utf- ...
- 鼠标点击特效——富强、民主、文明、和谐.....
网站鼠标点击特效和鼠标移动特效 效果地址 图片打包下载 代码 <!DOCTYPE html> <html><head><meta charset=" ...
- JQuery 实现鼠标点击特效富强民主文明方法
最近逛好多博客发现都有一个鼠标点击弹窗的事件, 感觉非常棒 #就像这个样子的 百度了一下 发现还是实现还是比较简单的(当然我也不会),但是copy 是程序员最喜欢的事,所以我就转载这个文章,也当是自己 ...
- javascript特效_如何在网页添加鼠标点击特效
经常有同学问我怎么做到的,本论坛属于DZ当然用的是插件啦. 偶然在网上找到一个关于wordpress的特效代码,分享给大家. WordPress 添加鼠标点击特效 实际上这种教程在网上搜索一下有一大堆 ...
- 鼠标点击特效:点击网站页面显示24字核心价值观上升的特效代码
将以下代码直接写入html中即可(也可以去掉首尾,添加进js文件中,然后在html中包含这个文件) <script type="text/javascript"> /* ...
- WordPress主题添加鼠标点击特效
关于WordPress主题添加鼠标点击特效方法以及代码使用.看着花里胡哨的,其实实现很简单.找到相对应的文件位置,然后复制粘贴,最后保存运行即可.为了方便新手我尽可能详细些,使用方法:打开宝塔Linu ...
- 网页鼠标点击特效案例收集(直播间红心同理)
1. 鼠标点击出随机颜色的爱心 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
- 在鼠标点击特效上加上鼠标移动特效(一)
---------------------2021.3.31更新----------------------------- 补一个代码少一点的demo js代码打包下载 下载 js.7z <!D ...
- 博客园美化(3)博客园鼠标点击特效代码
博客园鼠标点击特效代码 样式效果 鼠标点击出现烟花和"富强", "民主", "文明", "和谐"... 特效 使用方法 ...
最新文章
- 山东计算机类好的民办大学,山东四大坑人学校-山东坑人的民办大学(野鸡大学)...
- vue-cli ——解决多次复用含有Echarts图表组件的问题
- 硬盘盘符无法识别或已损坏,别急着格式化
- netty系列之:一个价值上亿的网站速度优化方案
- Kung Fu Panda: Legends of Awesomeness 2
- Logistic回归——二分类 —— matlab
- 1.4. Open Source and License
- 浅谈如何管理测试团队
- 感知机PLA算法实现[转载]
- 信号与槽QVariant传递结构体指针
- PDFlib+PDI图像和超文本元素提供了许多有用的功能
- JAVA黑马刘意学习笔记
- [黑科技] 使用Word和Excel自制题库自判断答题系统
- Synopsys VCS vY-2006.06
- 华为模拟器eNSP将防火墙配置成三层核心交换机
- ubuntu ibus拼音异常
- C++ 实现扫雷小游戏
- 【全是干货!伸手党福利】通过银行卡号判断出所属银行信息
- 杨氏双缝干涉实验与薛定谔的猫
- 一块蛋清皂,把毛孔洗得一干二净