鼠标hover效果(原创)

所属分类:UI-悬停

 46250  709  查看评论 (27)
分享到微信朋友圈
X
鼠标hover效果(原创) ie兼容9

简要说明

$(".demo").xs999(1); //为效果1,
$(".demo").xs999(2); //为效果2,

以此类推,一直到效果

$(".demo").xs999(30);

其中可以改的参数为颜色

$(".demo").xs999(2,{color:'#ff0000'});

每个效果都可以自定义颜色,不写颜色则显示亮度为 80% 的随机颜色。

相关插件-悬停

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

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

CSS 3D动画字体翻转模仿开门效果

CSS 3D动画字体翻转模仿开门效果 字体翻转模仿开门效果
  悬停
 29677  366

jQuery图片边框线条动画效果

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

c的鼠标滑过图片遮罩层动画jQuery插件

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。
  悬停
 33422  382

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

    壹?雨?了壹夜/ 0
    2020/4/28 14:32:48
    曲终人散 0
    2019/10/25 18:58:59
    怎么一直显示这个效果,不用鼠标悬停 回复
    乖船 0
    2019/7/22 19:30:16
    这个canvas为什么不能自适应父级宽度 回复
    予我心安° 0
    2018/9/20 15:25:44
    楼主,能支持弧形边框的div吗
        小殇1
        2018/10/8 17:18:44
        给div一个css属性 overflow:hidden 应该就能解决了,canvas标签在div里面
        予我心安°0
        2018/10/31 10:11:59
        那个已经解决了,谢谢楼主,要是能支持ie8就好了
    回复
    ?沫 0
    2018/8/15 10:23:26
    万变不离其宗 0
    2018/7/20 11:27:04
    一次分享得多少奖励 回复
    lijek800c 0
    2018/4/10 17:41:39
    太强了,厉害! 回复
    。呆贼 0
    2018/3/19 14:31:44
    斗转星移 0
    2018/1/17 17:40:35
    0
    2018/1/14 18:35:02

    楼主真有创意!等我攒点币

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