更新时间:2019-11-18 22:20:54
更新说明:修复一些内容文字错误
更新时间:2019-11-13 09:36:21
我发现有些人修改了页面上的原始指针,这很有趣。
因此,我在网上搜索了这些资源,发现使用了很多的格式和语言,并不适合我。我自己想一些代码,在这里分享给大家,我认为有人需要它。
Custom-cursors不依赖任何js库,是完全独立的。
Custom-cursors易于使用,可以在任何html标签中使用。您只需要添加类和ID名称,并为它们自定义特殊的悬停样式,就可以实现。
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < title >Custom Cursors</ title > < link rel = "stylesheet" href = "style.css" > </ head > < body > < h1 >Hello world!</ h1 > < span class = "cursor" ></ span > < script src = "Customcursors.js" ></ script > </ body > </ html > |
然后在<script>中添加var cursor = new Cursor ( target , element style).
1 | var cursor = new Cursor( "h1" , "incursor" ) |
已经存在默认的incursor样式,您可以更改自己喜欢的样式。 一样简单,您可以使用CSS做到这一点,不是吗?
我希望这可以对一些新手有所帮助。 当其他人可以修改指针但不知道如何操作时,请查看我的代码,也许我可以给您一些新的东西。
我也是新手,代码可能并不漂亮,因此您可以帮助我简化代码。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com