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

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

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

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


使用简单


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


多样设置


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


超强兼容


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

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

css鼠标悬停效果,自适应页面大小

网站常用功能展示,css鼠标悬停效果
  悬停
 21798  289

JQuery 鼠标悬停放射出炫幻效果

JQuery 鼠标悬停放射出炫幻效果 CSS 里面还带字体哦
  悬停
 31194  379

jQuery鼠标悬停图文展示效果

网站常用效果,jQuery鼠标悬停图文展示
  悬停
 19274  262

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

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

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