鼠标hover效果(原创)

所属分类:UI-悬停

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

简要说明

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

以此类推,一直到效果

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

其中可以改的参数为颜色

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

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

相关插件-悬停

jQuery hover时实现浮动

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

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏
  悬停
 44549  370

CSS3实现超酷的鼠标悬停效果

CSS3实现超酷的鼠标悬停效果
  悬停
 40801  589

js鼠标滑过方向感效果

js鼠标滑过方向感知三维立方体动画
  悬停
 30194  474

讨论这个项目(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

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

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