自定义鼠标指针 + 鼠标指针反色 (原创)

所属分类:UI,媒体-悬停,图像

 16732  208  查看评论 (0)
分享到微信朋友圈
X
自定义鼠标指针 + 鼠标指针反色 (原创) ie兼容10

更新时间:2019-11-18 22:20:54

更新说明:修复一些内容文字错误


更新时间:2019-11-13 09:36:21

Custom-cursors

我发现有些人修改了页面上的原始指针,这很有趣。

因此,我在网上搜索了这些资源,发现使用了很多的格式和语言,并不适合我。我自己想一些代码,在这里分享给大家,我认为有人需要它。

Custom-cursors不依赖任何js库,是完全独立的。

Custom-cursors易于使用,可以在任何html标签中使用。您只需要添加类和ID名称,并为它们自定义特殊的悬停样式,就可以实现。

<!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).

var cursor = new Cursor("h1","incursor")

已经存在默认的incursor样式,您可以更改自己喜欢的样式。 一样简单,您可以使用CSS做到这一点,不是吗?

我希望这可以对一些新手有所帮助。 当其他人可以修改指针但不知道如何操作时,请查看我的代码,也许我可以给您一些新的东西。

我也是新手,代码可能并不漂亮,因此您可以帮助我简化代码。

相关插件-悬停,图像

jQuery hover时实现浮动

以简单的实现hover是的效果,加入了延时误操作处理鼠标快速滑过不会被触发。
  悬停
 36309  411

css3.0按钮触控悬停效果集

css3.0按钮触控悬停效果集
  悬停
 38919  465

CSS3圆形图片鼠标经过旋转效果

CSS3圆形图片鼠标经过旋转效果,图片上有简短标题和说明,兼容主流浏览器
  悬停
 32661  424

9种CSS3 blend模式制作的鼠标滑过图片标题特效

9种CSS3 blend模式制作的鼠标滑过图片标题特效
  悬停
 30578  437

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复