空空裤兜 空空裤兜
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 人气文章排行榜
  • 热门标签
  • 博客大事记
  • 开往
首页 › 技术存档 › 鼠标点击特效tunneler › 评论页 1

鼠标点击特效tunneler

空空裤兜
12 年前

2022.10.15update:虽然找到了JS文件,现在已经不能使用了,有需要文件自行研究的留言。

看到给力壁纸的鼠标点击特效很久了,一直都不知道怎么实现的。今天闲来无事再次折腾下,显示效果出来了,可还是不完美,先记录点。

效果:

[buttext href='https://www.kudou.org/about-me']点我、点我[/buttext]

先来CSS:

div部分可以自己写,z-index为层数,数值越小越在底层,注意别覆盖到网站链接呀啥的,canvas保留,虽然不知道是啥作用。

CSS语言:
<div style="z-index:-1; position:fixed; top: 0pt; left: 0pt; width:100%; overflow:hidden;"><canvas id="canvas"></canvas></div>

空空裤兜是看不懂,喜爱研究的童鞋可以自行研究下。

JavaScript语言:
<script type="text/javascript" src="https://www.kudou.org/tunneler.js"></script>

以上两部分,可以插入到body标签内的任意地方。

目前已知的问题:和mossight主题的随机文章小工具冲突,和固定导航栏冲突。

wordpress代码
0
34
利用SNMP监控VPS性能
上一篇
CSS3形式返回顶部
下一篇

评论 (34)

取消
  • 郑永

    在手机上没有效果,是不是鼠标特效啊。

    12 年前 回复
    • 空空裤兜

      @郑永 @郑永: 鼠标点击效果

      12 年前 回复
    • 郑永

      @空空裤兜 @空空裤兜:奇怪,还是没有效果,点击瞬间?

      12 年前 回复
    • 空空裤兜

      @郑永 @郑永: 点击瞬间有鼠标附近有彩带

      12 年前 回复
  • 花七七

    厉害!

    12 年前 回复
    • 空空裤兜

      @花七七 @花七七: 胡乱折腾啊 没你功力深厚呀

      12 年前 回复
  • 牧风

    点半天木有效果

    12 年前 回复
    • 空空裤兜

      @牧风 @牧风: ➡ 有的呀 不知道哪里出问题了

      12 年前 回复
  • 哼哼猪

    个人觉得太花了

    12 年前 回复
  • Louis Han

    真是太炫丽了

    12 年前 回复
    • 空空裤兜

      @Louis Han @Louis Han: 第一次看到的时候觉得很漂亮

      12 年前 回复
  • 空城旧梦

    要是把特效改淡一点就好了,比如,不显示彩带,彩带太大了,不适合很多页面,只在鼠标周围现实一些半透明的彩色花晕。

    12 年前 回复
    • 空空裤兜

      @空城旧梦 @空城旧梦: 介个。。。不会整呀

      12 年前 回复
  • Extreme

    我感觉你的about页面更漂亮。。。

    12 年前 回复
    • 空空裤兜

      @Extreme @Extreme: 这个是扒别人的 😀

      12 年前 回复
  • 两天

    挺好玩

    12 年前 回复
  • SoleilNeon

    浏览器对JS的执行性能越来越好,能做出的效果也越来越炫了。

    12 年前 回复
    • 空空裤兜

      @SoleilNeon @SoleilNeon: 首先满足视觉享受 哈哈

      12 年前 回复
  • mofei

    我也觉的about页面比那个更吸引人!

    12 年前 回复
    • 空空裤兜

      @mofei @mofei: about页面的JS也折腾了我很久,是不是的就卡在第一个页面不动了

      12 年前 回复
    • mofei

      @空空裤兜 @空空裤兜: 没有卡啊!一直播到最后的!

      12 年前 回复
    • 空空裤兜

      @mofei @mofei: 现在没问题了,以前会卡住

      12 年前 回复
  • 老谢

    挺有意思的效果 🙄

    12 年前 回复
    • 空空裤兜

      @老谢 @老谢: 就是花花的好玩点

      12 年前 回复
  • 宁怡

    点起来感觉很炫~

    12 年前 回复
    • 空空裤兜

      @宁怡 @宁怡: 没事可以点着玩 哈哈

      12 年前 回复
  • 花少

    实话:很花哨,但是没有实际的作用呢 😆

    12 年前 回复
    • 空空裤兜

      @花少 @花少: 没啥实际作用,纯粹视觉效果

      12 年前 回复
  • zwwooooo

    玩玩好啊,你那about 效果牛x

    12 年前 回复
  • 牛逼思维

    看到过,效果很棒没得说

    12 年前 回复

猜你喜欢

  • PVE和NAS共享一台UPS停电自动关机
  • 宝塔无法启动fail2ban解决方法
  • 小主机:从折腾到放弃
  • 我的2023
  • 添加CDN

空空裤兜

和过去过不去,跟未来合不来。
254
文章
1K
评论
387
获赞

随缘推荐

wordpress添加文章表情
我的2024
关于友情链接的一点说法
升级,升级
2023—06

修改Linux Vps主机名

13
2013 / 05

专题展示

使用msmtp进行邮件通知
2 年前
更换主题Relive-Pro
3 年前
3+7=8的假期
2 年前
搬家到linode
9 年前
2022-10
3 年前
Copyright © 2010-2025 空空裤兜. Designed by nicetheme.
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 人气文章排行榜
  • 热门标签
  • 博客大事记
  • 开往