MyFadeOverImage.js鼠标移动变换

所属分类:UI-悬停

 31283  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)


相关插件-悬停

jQuery鼠标悬停图文展示效果

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

各种鼠标移入效果

各种鼠标移入效果
  悬停
 45067  604

纯CSS3 可感知方向 3D盒子翻转动画(原创)

感应鼠标进入方向,向不同的方向翻转
  悬停
 23797  336

响应式网站图标

悬停变换效果
  悬停
 33874  368

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

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