几行代码完美实现鼠标指针特效
in 书签 with 0 comment

几行代码完美实现鼠标指针特效

in 书签 with 0 comment

是不是觉得网站使用默认的鼠标指针显得没特色?想要找一款漂亮合心意的指针效果却怎么都找不到?看到这篇文章真的是你的运气,本文中就为您介绍一款轻量级却不失个性的指针效果,仅需要通过简单几行代码就可以实现,而且最重要的事指针图片可以随意换!

这个是我在好朋友博客上看到的, 大家也可以长到他博看看有什么好东西更新 Dye ' s Books

另外:discuz有这个插件哦,插件地址:http://addon.discuz.com/?@dye_cursor.plugin

演示效果

QQ截图20170801204241.jpg

当鼠标移到含有超链接上的文字或图片时

QQ截图20170801204214.jpg

代码可用性演示

1131.gif

实现起来真的非常简单,只需要几行代码,还可以自定义修改指针图片哦

<style>
/** 鼠标样式 **/
body {
cursor: url(https://www.tiezi.xyz/usr/uploads/2017/08/149116970.png), auto;
}
a,a:visited {
    cursor:url(https://www.tiezi.xyz/usr/uploads/2017/08/1738446070.png),auto;
}
</style>

另外为了防止远程图片失效,帖子网贴心的附上指针图片

miku1.png miku2.png

另外附上《几行代码实现鼠标点击特效(冒爱心样式)》

效果图如下:

miku2.png

Responses