感应鼠标进入方向图片展示

所属分类:UI,媒体,其他-悬停,图片展示,图像,动画效果

 63615  1227  查看评论 (43)
分享到微信朋友圈
X
感应鼠标进入方向图片展示 ie兼容6

sHover是一个简单的原生JavaScript插件,它可以让你的展示图片感应鼠标进入方向,从而让悬浮层做出不同的运动效果,多个图片放在一起效果更酷炫噢!它的使用和设置都非常方便,更重要的是它能用在几乎所有的浏览器上啊!(至少IE5及以上吧),


使用简单


sHover是一个纯原生JavaScript编写的小组件,不需要引入JQuery或其他插件就可以使用。使用非常简单,引入sHover的js文件之后,只需一行代码,即可让你的图片展示瞬间炫酷起来


多样设置


有很多不同的效果可以在创建默认的效果之后进行设置,并且设置方法非常简单。可以设置悬浮层在运动时的许多状态。


超强兼容


它的在所有新版本的浏览器上都能完美运行,除此之外,它甚至能在IE5及以前的浏览器上运行,并且效果几乎没有影响

相关插件-悬停,图片展示,图像,动画效果

12种CSS3 hover效果插件

非常好看实用的CSS3的hover效果, 用transition 、amination 制造好看及实用的交互体验
  悬停
 58853  486

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

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

数十次css3鼠标悬停特效

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

jQuery+Css3鼠标不同方向移入效果

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

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

    黎明の曙光 0
    2021/3/18 10:25:28
    很方便的插件 项目中也很实用 回复
    黄大大之家 0
    2018/7/27 15:49:01
    感应不带鼠标方向,怎么办 回复
    qq931 0
    2017/12/28 19:48:10
    用bootstrap,分成4格。鼠标从左向右移动。每行第二格右侧都会有1px线条。(其它格子没有这种现象)分成3格,或2格,6格就不会这样。求解!! 回复
    dollars首领 0
    2017/12/9 22:22:53

    小白,搞不定啊

    回复
    ?? 0
    2017/9/25 16:27:51

    我是小白,谁能教下这个该怎么启动和说该怎么设置参数?

    var a=new sHover("sHoverItem","sIntro");
     a.set({
     	slideSpeed:5,
     	opacityChange:true,
     	opacity:80
     });

    这个应该在哪设置?

        商志鱼俺0
        2017/9/25 21:00:27
        把例子下载下来看看就知道啦
    回复
    ??猫 0
    2017/2/25 11:06:29
    duanje 0
    2016/12/19 17:12:07
    well41315213 0
    2016/10/17 18:10:58
    血液里住着风 0
    2016/9/13 15:09:24
    为什么在IE8上不好使  回复
    我家有个小都比 0
    2016/8/26 18:08:28
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复