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

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

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

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


使用简单


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


多样设置


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


超强兼容


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

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

C3经过动效

各种C3鼠标经过动效
  悬停
 34532  498

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

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

jQuery鼠标悬停方向感知移入效果

jQuery简单实现鼠标各方为移入 代码简单易懂适合初学这阅读
  悬停
 33645  479

横向跟随图片文字特效

横向跟随图片动画代码(jQuery)
  悬停
 32048  434

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