MyFadeOverImage.js鼠标移动变换

插件特效
2026-07-26 05:16 3 次浏览 • 0 次下载 0KB
MyFadeOverImage.js鼠标移动变换

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

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

默认情况下(黑色)

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

烟雾

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

特点

淡入淡出效果多

色调滤镜效果

自定义色调和衰落过渡

无需准备多套图像

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


星河码客

发现和分享优质开源项目,传承互联网精神,为开发者服务。

关于本站

关于我们

隐私政策

侵权投诉

站长:IT小君

粤ICP备20043561号

2016-2046 © 星河码客

联系我们

微信/广告合作:ITcloub (备注星河码客)

免责声明:本站资源版权归原作者所有,仅供学习与交流。如有侵权,请通过「关于我们 - 侵权投诉」联系删除。

Powered by Nuxt · Deployed on Cloudflare