2022.10.15update:虽然找到了JS文件,现在已经不能使用了,有需要文件自行研究的留言。
看到给力壁纸的鼠标点击特效很久了,一直都不知道怎么实现的。今天闲来无事再次折腾下,显示效果出来了,可还是不完美,先记录点。
效果:
[buttext href='http://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="http://www.kudou.org/tunneler.js"></script>
以上两部分,可以插入到body标签内的任意地方。
目前已知的问题:和mossight主题的随机文章小工具冲突,和固定导航栏冲突。
在手机上没有效果,是不是鼠标特效啊。
@郑永 @郑永: 鼠标点击效果
@空空裤兜 @空空裤兜:奇怪,还是没有效果,点击瞬间?
@郑永 @郑永: 点击瞬间有鼠标附近有彩带
厉害!
@花七七 @花七七: 胡乱折腾啊 没你功力深厚呀
点半天木有效果
@牧风 @牧风: ➡ 有的呀 不知道哪里出问题了
个人觉得太花了
真是太炫丽了
@Louis Han @Louis Han: 第一次看到的时候觉得很漂亮
要是把特效改淡一点就好了,比如,不显示彩带,彩带太大了,不适合很多页面,只在鼠标周围现实一些半透明的彩色花晕。
@空城旧梦 @空城旧梦: 介个。。。不会整呀
我感觉你的about页面更漂亮。。。
@Extreme @Extreme: 这个是扒别人的 😀
挺好玩
浏览器对JS的执行性能越来越好,能做出的效果也越来越炫了。
@SoleilNeon @SoleilNeon: 首先满足视觉享受 哈哈
我也觉的about页面比那个更吸引人!
@mofei @mofei: about页面的JS也折腾了我很久,是不是的就卡在第一个页面不动了
@空空裤兜 @空空裤兜: 没有卡啊!一直播到最后的!
@mofei @mofei: 现在没问题了,以前会卡住
挺有意思的效果 🙄
@老谢 @老谢: 就是花花的好玩点
点起来感觉很炫~
@宁怡 @宁怡: 没事可以点着玩 哈哈
实话:很花哨,但是没有实际的作用呢 😆
@花少 @花少: 没啥实际作用,纯粹视觉效果
玩玩好啊,你那about 效果牛x
看到过,效果很棒没得说