给博客添加两个有意思的特效

一、添加鼠标点击特效:

添加鼠标点击特效,(“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”)等。

  1. <script type=“text/javascript”>
  2. /* 鼠标点击特效 */
  3. var a_idx = 0;
  4. jQuery(document).ready(function($) {
  5.     $(“body”).click(function(e) {
  6. var a = new Array(“富强”“民主”“文明”“和谐”“自由”“平等”“公正” ,“法治”“爱国”“敬业”“诚信”“友善”);
  7. var $i = $(“<span/>”).text(a[a_idx]);
  8.         a_idx = (a_idx + 1) % a.length;
  9. var x = e.pageX,
  10.         y = e.pageY;
  11.         $i.css({
  12. “z-index”: 999999999999999999999999999999999999999999999999999999999999999999999,
  13. “top”: y – 20,
  14. “left”: x,
  15. “position”“absolute”,
  16. “font-weight”“bold”,
  17. “color”“#ff6651”
  18.         });
  19.         $(“body”).append($i);
  20.         $i.animate({
  21. “top”: y – 180,
  22. “opacity”: 0
  23.         },
  24.         1500,
  25. function() {
  26.             $i.remove();
  27.         });
  28.     });
  29. });
  30. </script>

效果如图:

鼠标点击特效

 

二、添加评论框输入特效:

添加以下代码到主题尾部调用即可

  1. <script src=“activate-power-mode.js”></script>
  2. <script>
  3. POWERMODE.colorful = true// 控制开启/开启礼花特效  
  4. POWERMODE.shake = false// 控制开启/关闭屏幕震动特效  
  5. document.body.addEventListener(‘input’, POWERMODE);
  6. </script>

在输入框打字时跟随光标弹出烟花很是炫酷(还可以开启屏幕震动哦!)

true 为开启

false 为关闭

 

效果如图:

输入特效

activate-power-mode.js代码太长就不贴出来了

附activate-power-mode.js文件下载:

[url href=https://eyun.baidu.com/s/3pKW6Exl]提取码:laod[/url]

 

三、主要注意事项:

  1. 鼠标点击特效的代码添加到主题页脚文件或者js里面
  2. 评论框输入特效请自己填写你的activate-power-mode.js文件路径。
  1. <script src=“activate-power-mode.js”></script>

 

原创文章,作者:老D,如若转载,请注明出处:https://laod.cn/4039.html

(2)
上一篇 2017-09-28
下一篇 2017-10-17

相关推荐

  • 这几天重制了博客LOGO

    如题; 以前的直接用字母L做了个LOGO,最近看着挺别扭的,然后现在LOGO用D字母为主题绘制。 直接放几张效果图:

    2019-11-27
    8.0K120
  • 这些年你们还好吗?

    那一年我们似被风吹散的那颗蒲公英,永远的消散在了人海,化作永远的相思两茫茫。相拥为了别离,紧握之后的分手,眷恋了年年花开花又谢。一段残留的暗香,痴盼了年年岁岁,扰了我一生一世。 我…

    心情琐事 2014-08-17
    1.9K20
  • 临时公告!

    网站正在升级、更换新的主题,因为需要不少的时间来调整,所以可能存在很多的问题; 这个过程可能需要几天的时间来修复bug,若你遇到各种问题请在以下留言评论提出。 Thank you.

    心情琐事 2015-06-22
    1.8K200
  • 《大圣归来》自来水给中国电影市场深深的上了一课!

    一部完全由自费的水军,各种贴吧、论坛、留言里自行宣传,他们称自己为自来水。这部上映完全没有人气,也没铺天盖地的广告,制作费不到1亿的国产动画片,却在短短的上映三天人气就与小时代4拼…

    2015-07-13
    1.3K50
  • Google AdSense 光大收汇提示“本笔业务请携带相关材料至柜台办理”问题总汇

    老D上次收取Google AdSense(谷歌广告联盟)的100刀已经是几个月之前的事了,前两天天收到了谷歌联盟的自动付款:西联汇款。   一般谷歌Google AdSe…

    2019-12-23
    7.4K00
  • 过个年,你得准备多少钱?

    一、压岁钱 温饱版:自身收入不高,但是每个孩子100-300估计也得要个1000以上.小康版:年前赚了不少钱,颇有点暴富的潜质,每个孩子300-500,每年压岁钱怎么也得备2000…

    心情琐事 2015-02-26
    2.0K00
  • 为什么有这么多人在朋友圈卖面膜?知道真相的我内牛满面。

    有一天,我拖了个家产数十亿的富二代朋友出来聊天,要跟他聊聊我的创业项目。 我喝了口咖啡。 「为什么朋友圈那么多人在卖面膜?来,我给你讲讲他们是怎么做的」 第一步,注册公司。 要想骗…

    心情琐事 2015-03-13
    3.2K90
  • 又被腾讯电脑管家拉黑了

    近期发现老D博客又被“有心人”举报了,腾讯管家又拉黑了。 希望大家给我帮我一起申述! 申述地址:http://guanjia.qq.com/online_server/webind…

    2015-09-18
    3.3K310
  • 铭记于心【修电脑20条军规】

    修电脑军规20条,时刻谨记在心: 1. 首先记住这句话:永远不要承认自己是高手,因为这个称号是要付出代价的。 2. 接到陌生电话后,一定要问清楚对方有什么事情,然后再告诉他(她)当…

    2015-01-23
    2.7K110
  • 【戳我】一些破事儿

    最近老D博客遭到了大量的DDOS攻击,加上昨晚开始谷歌全系都挂了,本来早上就已经找到可用的ip了,但是服务器无法挺住攻击,加上谷歌挂后会有很多的小伙伴陆续回来查看是否已更新,还大量…

    2017-09-13
    21.8K540

发表回复

登录后才能评论

评论列表(111条)

  • Anwenyu
    Anwenyu 2019-08-31 15:30

    第一个特效 提示jQuery未定义

  • GODxi
    GODxi 2017-12-10 11:14

    点击出现字的为什么用不了

    • 老D
      老D 2017-12-12 04:39

      @GODxi已经停用了,有的童鞋用的是笔记本 比较耗CPU

  • hugh_hang
    hugh_hang 2017-10-31 10:22

    那个鼠标点击跳字的特效,实现每次的字颜色不一样吗?

  • hhyu
    hhyu 2017-10-22 14:18

    能不能搞一个开关???

  • shrimp
    shrimp 2017-10-19 14:00

    和idea power插件一一样的效果,NICE

  • 306341577
    306341577 2017-10-18 17:06

    试试看我有没有头像

    • 老D
      老D 2017-10-19 15:37

      @306341577没有,(已经有了,需要我手动同步,这个一般半个月同步一次)

  • jooone
    jooone 2017-10-17 16:55

    感觉好爽啊!!!啊啊啊啊感觉快高潮了呢

  • ExclusiveBeacon
    ExclusiveBeacon 2017-10-17 16:24

    犀利

  • whyyyyyy
    whyyyyyy 2017-10-17 15:54

    js代码都给出来,良心啊。。

  • 熏鱼
    熏鱼 2017-10-17 11:38

    说真的苹果打字真的好卡,坐标:自带浏览器。卡成ppt

    • 老D
      老D 2017-10-17 11:50

      @熏鱼不应该呀,虽然我没用过Mac Safari 但是苹果一直走在前沿的

    • 熏鱼
      熏鱼 2017-10-17 12:36

      @老D还没试过其他浏览器!不知道是不是内核的原因!?

    • LEOLI
      LEOLI 2017-10-23 13:26

      @熏鱼这个是chrome的回复,很顺畅,不知道为什么自带的会那么卡

  • amor
    amor 2017-10-17 09:29

    i3处理器能hold住,贼酷炫了哈哈哈哈哈

  • owensun
    owensun 2017-10-17 09:28

    老D 牛!

  • 秋日暖阳
    秋日暖阳 2017-10-17 08:44

    关注laod很久了,学习到很多。永远支持laod,感谢laod!

  • New Divide
    New Divide 2017-10-11 09:46

    这个有点酷炫啊,66666666

  • hanlin
    hanlin 2017-10-10 22:23

    这个blog的主题是开源的吗?希望博主告知

  • 洛记包子铺
    洛记包子铺 2017-10-10 22:07

    真他么帅,打字好爽~!! :neutral:

  • 小白c
    小白c 2017-10-10 20:46

    这也太秀了吧

  • yanshui177
    yanshui177 2017-10-10 18:32

    真好 啊啊啊 啊啊啊啊啊啊,从此爱上了打字,哈哈哈哈哈

  • 大树先生
    大树先生 2017-10-10 16:55

    牛逼了!666送给老D~~~

  • 岳龙
    岳龙 2017-10-10 16:01

    这么帅,太酷了。。

  • XXG
    XXG 2017-10-10 14:49

    果然是很炫丽。 可惜我没有注册码。

  • G
    G 2017-10-10 10:55

    卡的不要不要的……

    • 老D
      老D 2017-10-10 19:51

      @G是不是笔记本配置低的原因?

    • G
      G 2017-10-10 20:42

      @老D戴尔塔式服务器主机。。。可能是我把chrome的GPU加速都关了的事,chrome有闪屏bug

  • hedan
    hedan 2017-10-10 10:07

    加了这个特效,卡的要死!整个页面都在不停飘移!使用体验太差了!要么我拍一段视频你看看!操作系统:Mac OS10.13 浏览器Chrome 61

  • lllllep
    lllllep 2017-10-10 08:59

    炫酷!忍不住想要评论~~~

  • laoA
    laoA 2017-10-09 16:32

    这个要怎么全局使用呢,怎么用在其他地方呢,比如说写字板啦,word里啦?

  • owen
    owen 2017-10-09 16:17

    点击放烟花更好玩

  • pugss
    pugss 2017-10-09 13:50

    冒泡的颜色还是不错的,但是抖动的确实看到有点眼花…

  • 夜落叶
    夜落叶 2017-10-09 10:59

    感觉老给力了

  • skg
    skg 2017-10-09 10:32

    貌似可以在ide里玩玩这个,冒气泡蛮好玩的,酷炫啊!老D

  • fang
    fang 2017-10-09 10:05

    好玩

  • echol
    echol 2017-10-09 09:20

    很酷炫,真的很棒!!!赞一个!!!!

  • 大猫
    大猫 2017-10-09 09:04

    很厉害的样子,支持老D

  • lllllep
    lllllep 2017-10-09 08:46

    确实很炫酷!!!!!!!
    评论起来跟玩游戏一样!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :mrgreen:

  • nineday
    nineday 2017-10-08 13:11

    确实很炫酷啊,但是打字感觉有点卡,不知道是不是我电脑配置的问题

    • 老D
      老D 2017-10-08 13:32

      @nineday配置问题…
      低配置的笔记本风扇可能还会狂转

  • Zy143L
    Zy143L 2017-10-08 11:44

    这个抖动动画 看起来有点臃肿啊 而且并不是很流畅….

    • 老D
      老D 2017-10-08 13:34

      @Zy143L你的配置是不是有点低?
      过段时间再去掉…

  • long609689209
    long609689209 2017-10-08 09:21

    不行啊,感觉好卡,这特效太猛了

  • Moyanren
    Moyanren 2017-10-08 02:31

    这很强势

  • sdopa
    sdopa 2017-10-07 23:51

    学习了!

  • 小波
    小波 2017-10-07 16:44

    哈哈,确实是非常的酷炫,但是看久了总觉得有点杀马特QWQ

  • 快乐网讯
    快乐网讯 2017-10-07 15:11

    文章不错支持一下吧

  • 252
    252 2017-10-07 13:19

    出来了谢谢老D

  • 如何践行社会主义核心价值观
    如何践行社会主义核心价值观 2017-10-07 11:35

    特效好厉害