MyFadeOverImage.js鼠标移动变换

所属分类:UI-悬停

 31443  283  查看评论 (1)
分享到微信朋友圈
X
MyFadeOverImage.js鼠标移动变换 ie兼容6

这个插件创建图像上鼠标移到一个渐变效果。此外,您可以选择一个色调滤镜为您的图像。基调是集图像,当不徘徊他们。当它盘旋着,颜色棠过滤器将被移除,以便有此选择的图像及其他非选定的图像之间有明显的区别。你并不需要准备多组图像,也可以使用JavaScript改变色调。

例如,您可能希望显示一些老照片,那么你可以使用一个黄色的色调。在这种情况下,缩略图或预览可能看起来像旧的图像。

默认情况下(黑色)

$("#demo1 img").MyFadeOverImage({
  normalAlpha:0.9,
  hoverAlpha: 1,
  normalToneColor:"#000" 
});

烟雾

$("#demo2 img").MyFadeOverImage({
  normalAlpha:0.5,
  hoverAlpha: 1,
  normalToneColor:"#fff"
});

特点

        淡入淡出效果多

        色调滤镜效果

        自定义色调和衰落过渡

        无需准备多套图像

        跨浏览器(在IE/ FF/ Safari浏览器/chrome)


相关插件-悬停

响应式网站图标

悬停变换效果
  悬停
 34076  368

css3的button组件

css3的button组件,可以直接调用,使用方便,各种效果
  悬停
 35752  526

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

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

15款css3鼠标悬停图片动画文字效果

15款css3鼠标悬停图片动画文字效果
  悬停
 41425  511

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

    jerry 0
    2015/3/12 10:42:37
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复