我有一个功能悬停替换,插入悬停的背景图像,并在鼠标移除它。添加平滑淡入淡出/转换到jQuery悬停功能
<script type='text/javascript'>
$(document).ready(function(){
$("#l-1").hover(function() {
$("#r-box").css("background","url('<?php bloginfo('template_directory'); ?>/images/up.png') no-repeat transparent");
}, function() {
$("#r-box").css("background","#3DA7BC");
});
});
</script>
但我试图让过渡平滑和优雅,不只是进/出。我尝试了各种.animate函数来使它无效。
感谢您的帮助!
它不会是很难解决,随着[cssHooks(http://api.jquery.com/jQuery.cssHooks/),但你会动画? CSS中没有背景图片透明度;一些浏览器支持简单的背景颜色,但这对此无济于事。 – Tgr 2011-03-01 00:38:59
我一直在想的一种方法是将div从up状态变为over状态,但是在如何实现这种转换方面却陷入了困境。 – tigre 2011-03-01 00:44:42
也许如果你把一个更完整的代码放在一起,你可能会提供更多的见解/想法? – PriorityMark 2011-03-01 16:56:04