我有这个代码和这个脚本:

 $(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);

07-24 09:38
查看更多