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

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

效果:

[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主题的随机文章小工具冲突,和固定导航栏冲突。