博客园富强民主文明和谐样式

最近很多人问我这个东西是怎么实现的。

那我就分享一下吧 :grin:

<!--富强民主点击特效-->
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
var b_idx = 0;
/*   文字和颜色数组 */
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var b = new Array("#FF0000","#FF7F00"," #FFFF00","#00FF00","#00FFFF","#0000FF","#8B00FF","#FF0000","#FF7F00"," #FFFF00","#00FF00","#00FFFF","#0000FF","#8B00FF");
jQuery(document).ready(function($) { $("body").click(function(e) { var $i = $("<span/>").text(a[a_idx]); a_idx=parseInt(12*Math.random()); //文字随机数b_idx=parseInt(14*Math.random()); //颜色随机数var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999, "font-size":"1.3em",            //字体大小"top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": b[b_idx] }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); });
});
</script>
<!--富强民主点击特效-->

复制上面的代码

粘贴到这里就好啦

有些模板和这份代码有CSS冲突

所以有可能显示不出来。。

转载于:https://www.cnblogs.com/zwfymqz/p/7803255.html

博客园富强民主文明和谐样式相关推荐

“富强“, “民主“, “文明“, “和谐“, “自由“, “平等“, “公正“, “法治“, “爱国“, “敬业“, “诚信“, “友善“
(function () {var coreSocialistValues = ["富强", "民主", "文明", "和谐&qu ...
博客园点击出现富强民主
<script type="text/javascript"> $(document).ready(function(){var a_index = 0;$(" ...
博客园自定义(全部样式分享)
博客园自定义更新后的代码2021.12.08 /*星光*/ .wall{position: fixed;top: 0;left: 0;bottom: 0;right: 0; } div#midgro ...
博客园主页样式修改（加透明背景和微调位置）
背景透明方法主要就是以下两个好用点.但是有区别.前者不继承透明,后者继承透明. background:rgba(255,255,255,0.5); optcity:0.5 参阅资料:https:// ...
博客园页首html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
html富强民主鼠标特效,html鼠标移动点击动画爱国民主文明和谐
鼠标特效 var a_idx=0; jQuery(document).ready(function($){ addTips = function(e){ var a= new Array(" ...
博客园美化（3）博客园鼠标点击特效代码
博客园鼠标点击特效代码样式效果鼠标点击出现烟花和"富强", "民主", "文明", "和谐"... 特效使用方法 ...
博客园美化（10）博客园 SimpleMemory 博客皮肤设置（简单简洁）
之前调整了两个样式的,好看是好看,用着不方便,把不需要的全都删掉了样式效果就是现在的使用方法一.开通博客园的JS权限管理>设置>勾选JS权限,等待审核通过. 二.选择模板 JS权限 ...

博客园富强民主文明和谐样式

博客园富强民主文明和谐样式相关推荐

最新文章

热门文章