给你的网站加上“富强、民主、和谐”点击特效
2017-05-15 17:01
239 查看
很多人喜欢类似本站的这款点击特效,点击出现随机文字。
那么这边我放出代码JS代码。
使用方法:放在</body>之前即可。
<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>
相关文章推荐
- 【安卓特效】怎样给ImageView加上遮罩,点击时泛黑、或泛白、?
- 如何给网站加上粒子特效
- 网站点击导航栏标题,对应的元素平滑上移以及点击图片或按钮回到页面顶部的特效
- 【安卓特效】如何给ImageView加上遮罩,点击时泛黑、或泛白、?
- 复制网页内容自动加上网站信息的JS特效
- 给网站添加鼠标点击弹出指定汉字特效
- 如何让人家复制自己网站信息自动加上网址,复制页面加上网址特效
- 如何让人家复制自己网站信息自动加上网址,复制页面加上网址特效
- 3.在点击页面时出现习 近 平提出的富强、民主。。。24字社会主义核心价值观字样
- 十四、中国特色社会主义核心价值观是富强民主文明和谐
- 如何让人家复制自己网站信息自动加上网址,复制页面加上网址特效
- 如何让人家复制自己网站信息自动加上网址,复制页面加上网址特效
- 博客园富强民主文明和谐样式
- 黑客攻破网站涂鸦特效(强烈建议看看)
- onclick特效,按钮等点击后变化的效果
- 点击小图大图轮播特效
- 如何在自己网站加上视频直播功能(搭建视频直播网站)
- iOS tableView点击分区下拉单元格特效
- jquery制作论坛或社交网站的每天打卡签到特效
- 点击图标 标记为星标记事mac中修改默认的apache网站根目录位置