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

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

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

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


使用简单


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


多样设置


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


超强兼容


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

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

jQuery鼠标悬停图片分享按钮动画

这款jQuery插件可以实现鼠标滑过图片时在图片上方创建任意的元素,包括分享按钮和图片文字描述等。这些按钮和文字可以悬浮在图片的任意位置,同时你也可以自己定义这些图片上方的元素出现时的动画特效。
  悬停
 39579  499

60种css3鼠标悬停效果

一款使用的效果,数遍悬停会出现相应图片的简介
  悬停
 57923  928

鼠标移入展开(原创)

适用于鼠标移入产品详情展示
  悬停
 24624  360

鼠标滑过特效

模块变暗,出现遮罩层,12种炫酷的CSS3鼠标滑过图片遮罩层动画特效.
  悬停
 41053  528

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复