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

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

 7116  108  查看评论 (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+Css3鼠标不同方向移入效果

jQuery鼠标方向感知,不同方向移入移除效果
  悬停
 17911  270

常用鼠标经过遮罩层动画效果

常用鼠标经过遮罩层动画效果,点击弹窗动画效果
  悬停
 25980  295

css3 tranfm鼠标悬停旋转

jquery加css3实现 tranfm鼠标悬停旋转效果
  悬停
 24843  326

很酷的鼠标悬浮动画

很酷的鼠标悬停三维倾斜动画,提供了8种效果
  悬停
 25645  421

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

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