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

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

 16524  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仿梦幻西游指针特效

梦幻西游指针图标和水波特效
  悬停
 27262  335

图片添加遮罩

根据鼠标进入的位置插入遮罩
  悬停
 34500  425

数十次css3鼠标悬停特效

鼠标移上去,界面显示的多种方式,各种css3动画
  悬停
 34811  839

jQuery鼠标悬停方向感知

jQuery鼠标悬停方向感知,穿墙效果
  悬停
 25954  345

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

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