MyFadeOverImage.js鼠标移动变换

所属分类:UI-悬停

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


相关插件-悬停

c的鼠标滑过图片遮罩层动画jQuery插件

nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。
  悬停
 33440  382

各种鼠标移入效果

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

CSS3圆形图片鼠标经过旋转效果

CSS3圆形图片鼠标经过旋转效果,图片上有简短标题和说明,兼容主流浏览器
  悬停
 31914  424

css3鼠标滑过特效

9款css3鼠标划过图片散开特效代码
  悬停
 33820  487

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

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