我有这个代码和这个脚本:
$(document).ready(function() {
$('#unua').hover(function() {
$('#pagina').css('background-image', 'url(imagini/1.png)');
}, function() {
$('#pagina').css('background-image', '');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pagina">
<div id="primalinie">
<div id="unu" class="cerculet">
<div id="unua">
<a href="http://tineriiuniti.ro/contact/">Contact</a>
</div>
</div>
<div id="doi" class="cerculet">
<div id="doia">
<a href="http://tineriiuniti.ro/despre-atu/">About Us</a>
</div>
</div>
</div>
你能告诉我这里有什么问题吗?ID“pagina”是整页的。
我来帮你解决这个问题。我希望每当用户将鼠标放在一个div上时,站点的背景图像就会改变。不同的分区,不同的图像。
:(
最佳答案
为了放松,看看这个问题:How to fade changing background image
替换$('#pagina').css('background-image', 'url(imagini/1.png)');
具有
$('#elem').fadeTo('slow', 0.3, function() {
$(#pagina).css('background-image', 'url(imagini/1.png)');
}).fadeTo('slow', 1);