前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >鼠标点击特效tunneler

鼠标点击特效tunneler

作者头像
空空裤兜
发布2023-03-03 17:04:52
2.6K0
发布2023-03-03 17:04:52
举报
文章被收录于专栏:空空裤兜空空裤兜

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

本文由 空空裤兜 发布在 空空裤兜,转载此文请保持文章完整性,并请附上文章来源(空空裤兜)及本页链接。

如果本文侵犯您和第三方权益,请联系我及时删除。

原文链接:https://cloud.tencent.com/developer/article/2232580

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013-01-042,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 先来CSS:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档