http://jsfiddle.net/lxm7/Zzuq3/
我环顾了许多类似的解决方案，但似乎找不到答案。当用户将鼠标悬停在橙色 div 上时，我基本上只想对图像产生缓和渐变效果。下面 jsfiddle 中的代码片段。我知道这以前会得到回答，但它总是隐藏图像以显示 div 而不是相反。
提前致谢
问问题
828 次
3 回答
3
我将两个 div 叠放在一起，并animate()用来使有色的一个随着时间的推移而淡出（反之亦然）：http: //jsfiddle.net/CLdP3/29/
有更多选项可以控制动画功能，请查看jQuery API 参考。
于 2012-07-26T13:51:16.867 回答
0
Anders Holmstrom 击败了我——我使用了相同的基本方法，但使用了绝对定位的内部图像和 jQuery fadeIn() 和 fadeOut()。检查出来比较：http: //jsfiddle.net/AjXYK/1/
于 2012-07-26T14:06:01.727 回答
0
由于 jQuery 只能真正为具有数值的元素设置动画，因此最好的办法是将图像和颜色元素分层，然后淡入淡出。
http://jsfiddle.net/ufomammut66/9xv4e/
上面的 jsFiddle 示例展示了如何做到这一点。我创建了一个位于外部容器上方的颜色 div。当您悬停时，此颜色 div 会淡入淡出。然后，我通过绝对定位可见 div 将可见内容拉到颜色 div 上。希望这会有所帮助。
于 2012-07-26T14:07:26.157 回答