2012-05-17 51 views
0

jQuery的圖像的連續動畫運動我已經看到了這site今天如何使在窗口加載函數

實際上它是內置閃光燈。 但我想要移動jQuery中的上述flash中的樹,將其固定在我的頁面中的固定位置或在jquery中圍繞瀏覽器移動的小鳥。 可以這樣做嗎? 請幫幫我。 在此先感謝。

回答

0
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#banner li:first-child').nextAll('li').hide(); 
    /* $('#banner li:gt(0)').hide();*/ 
     setInterval(function(){ 
     $('#banner li:first-child').fadeOut(3000).next('li').fadeIn(3000).end().appendTo('#banner'); 
     }, 3000); 
    }); 
    </script> 

    <style> 
    ul#banner { 
     padding:0px; 
     margin:0px; 
     background:#fff; 
     position:absolute; 
     top:97px; 
     left:185px; 
    } 
    ul#banner li { 
     list-style:none; 
     font-family:Arial, Helvetica, sans-serif; 
     background:#fff; 
     display:block; 
     position:absolute; 
     left:0; 
     top:0; 
     width:980px; 
     height:451px; 
    } 
    ul#banner li h1 { 
     position:absolute; 
     top:20px; 
     left:435px; 
     font-weight:normal; 
     z-index:1; 
    } 
    .relative { 
     position:relative; 
    } 

    </style> 
<body> 
    <ul id="banner"> 
      <li>&nbsp;</li> 
      <li><img src="pic2.jpg" alt="" /></li> 
      <li> 
       <h1>Willkommen...</h1> 
       <img src="pic3.jpg" alt="" /></li> 
      <li> 
       <h1>Willkommen...</h1> 
      </li> 
      <li>&nbsp;</li> 
      <li> 
       <h1>...in einer neuen Sphare!</h1> 
       <img src="pic6.jpg" alt="" /></li> 
      </ul> 
    </body> 
+0

我不能得到它Mohana什麼應該是你可以給我演示的HTML?哦!對不起有html。你在這裏給這棵樹運動提供了三張照片? – amitabhaghosh197

+0

不,不,我沒有要求Mohana。無論如何感謝它。我只是想將它移動到閃光燈中。 – amitabhaghosh197