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

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

 16916  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做到这一点,不是吗?

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

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

相关插件-悬停,图像

css3 tranfm鼠标悬停旋转

jquery加css3实现 tranfm鼠标悬停旋转效果
  悬停
 32719  427

jQuery图片边框线条动画效果

本案例的主要效果是鼠标悬停在图片上,从其中的两个角分别延伸出两条线 类似两条河流交汇的效果
  悬停
 39305  436

鼠标移入展开(原创)

适用于鼠标移入产品详情展示
  悬停
 25456  362

基于Jquery的简单实用的图片悬浮效果

简单实用的图片悬浮效果如果要兼容ie8可将背景图作成png.
  悬停
 32824  428

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

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