博客个性化之【鼠标点击效果 】

侧栏插入此代码

/*****************************文字效果******************************************/

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <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": 100000000,"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>

/*****************************爱心效果******************************************/

1 <script type="text/javascript" src="https://blog-static.cnblogs.com/files/Steven-Tim/xiaoxinxin.js"></script>

原文地址:https://www.cnblogs.com/growingsbk/p/11219087.html

时间: 2024-10-01 19:12:11

博客个性化之【鼠标点击效果 】的相关文章

博客园添加鼠标点击特效:字符表情包

在博客园的设置中可以看到「页首Html代码」这一项. 首先要申请 JS 权限,理由就是想要美化博客.设置鼠标点击特效等,自己补充. 「页首Html代码」处代码如下: <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array(&qu

博客园添加鼠标点击特效

原文:http://www.cnblogs.com/xiaokang01/p/9911501.html 废话少说先看效果: 复制下面代码,点击博客园 管理-->设置 然后 在保存就好了 代码如下 <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var

博客背景随着鼠标动的效果实现

在博客侧边栏公告中加上如下这段js: <!--- 导入js库 ---> <script src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"> <canvas id="c_n4" width="860" height="958" style="position: fixed; top: 0px; left: 0px

博客园自定义鼠标点击特效

需要申请JS权限,JS权限申请通过之后,将如下代码放入侧边栏,页首,页末,都可以 复制如下代码 <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("?Linux?","?Shell?"

博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)

前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动画特效,在本文中我们将教大家制作当前简约的页面制作方法. 只要你们有需求,我会尽量帮助到大家,在此感谢各位广大粉丝的支持和理解,我会尽量做到最好,希望小主们不要吝啬你们的支持和推荐,动动小手顶一顶,非常感谢大家长久的陪伴~~ 全部过程都是在“管理->设置”中完成的,博客皮肤推荐使用Simple Me

博客园添加鼠标粒子吸附特效

本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博客园的[管理] → [设置]→ 一直往下拉, 找到[博客侧边栏公告(支持HTML代码)(申请JS权限)] 向[email protected] 发送邮件, 为了尽快通过权限申请, 邮件模板如下: 尊敬的博客园管理员: 请问是否可以帮我开通js权限,我需要一些简单的js来解决问题,例如鼠标点击特效.代

鼠标点击效果代码

鼠标点击效果代码 实现代码 插到博客侧边栏公告 1 <script type="text/javascript"> 2 var a_idx = 0; 3 jQuery(document).ready(function($) { 4 $("body").click(function(e) { 5 var a = new Array("?喜欢就关注一下吧?","?不是点这里哦?","?快去点赞?",

博客园添加鼠标动态线条

说明:本人刚建立博客不久,看到其他博主的博客上有这么一个炫酷的 鼠标效果,捣鼓了一下,也整了一个 参考链接:https://www.cnblogs.com/php-linux/p/10565156.html 效果展示 只要将鼠标放在一边不动,就会有线条聚集到鼠标,是不是很炫酷呢 具体步骤 第一步:首先要做的就是申请权限,没有权限是做不了的 进入博客页面后→在导航栏中点击“管理”→选择“设置”→ 在“博客侧边栏公告(支持HTML代码)”,若没有js权限, 会显示申请权限:若有js权限,则显示支持j

用jQuery和css3实现的一个模仿淘宝ued博客左边的菜单切换动画效果

今天看到淘宝ued博客上左边的菜单导航动画效果不错,就用jQuery和css3做了一个简单的例子,主要是实现运用了jQuery 事件和css3 transition属性. 用一个元素来实现鼠标滑动到某个导航的背景效果,文字颜色也运用css3 transition 渐变的效果 当鼠标滑动其他导航的时候,加背景的元素的top值也会随着变化,定位到当前的导航上,同时文字字体颜色也会跟着改变: 主要实现的html代码如下: <div class="menuBox"> <div

博客个性化简单设置(1)

1.侧栏添加头像 修改下面代码中的图片地址为你个人头像的图片地址 <div class="head_img"><img width="120" height="120" alt="我的头像" src="//pic.cnblogs.com/avatar/1014286/20160824172911.png" class="img_avatar"><div>