Question

因此。我是jquery的新手。在使用css3失败后，我确实使用了jquery来完成这项工作。我的目标是：将鼠标悬停在#b（indsection）上并更改#b的背景图像并在#a（main）的同时更改。 div #a在#b之前得到所以没有使用过渡。我用jquery做到了，但转换回原来的#a颜色并不够平滑。

以下是我所说的确切示例： FIDDLE

问题是：如何消除淡化#a图像的过渡。谢谢大家。

<body>
<div id="container">
<div id="slider">
</div>
<div id="maincontent">
    <div id="main">main content</div>
    <div id="indsection"></div>
</div>
</div>
<script> 
$('#indsection').hover(function() 
{ 
$('#main').css("background-image", 
"url(http://fc02.deviantart.net/fs70/f/2014/237/1/8/indexartmain1_by_aortafx-   d7woxqv.png)"); 
}).mouseleave(function(){
$('#main').css("background-image", "url(http://fc00.deviantart.net/fs70/f/2014/237/8/2/indexmainbg2_by_aortafx-d7wph60.png)"); 
});
</script>   
</body>

jQuery的。背景图像之间平滑过渡

0 个答案: