Question

请有人告诉我用Js表示的编码，css用于显示http://dalailama.com/中的图像效果，即一个接一个地改变图像。如果可能，请告诉我在侧栏中添加小屏幕的视频链接。

Answer 1

这应该可以解决问题：

HTML：

<div id="testers">
  <div class="tester">
      <img src="http://regmedia.co.uk/2008/03/18/google_adwords_machine.png" alt="" />
  </div>
</div>
<div id="morework">
  <div class="holderdiv">
    <div class="tester">
      <img src="http://www.swwebs.co.uk/images/google-pagerank.jpg" alt="" />
    </div>
  </div>
   <div class="holderdiv">
    <div class="tester">
      <img src="http://regmedia.co.uk/2008/03/18/google_adwords_machine.png" alt="" />
    </div>
  </div>   
</div>

CSS：

#morework{display:none;}

jQuery的：

 $(document).ready(function(){
   function runIt(){
     $('#morework').find('.holderdiv').each(function(i, elem) {
       $("#testers").delay(5000).fadeOut(1000, function() {
         $(this).html($(elem).html());
       }).fadeIn(1000, runIt);
     });
   };
   runIt()
 });

点击此处查看 - http://jsfiddle.net/sfsPx/

网站中的图像效果

1 个答案: