首页>>焦点图>>顺滑的slide，单独图片动画效果(2016-08-24)

顺滑的slide，单独图片动画效果

顺滑的slide，单独图片动画效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.         /* wait for images to load */  
  3.         $(window).load( function() {  
  4.   
  5.             $('#myslideshow1').smoothSlides({  
  6.             effectDuration: 3500  
  7.             /* options seperated by commas */  
  8.             });  
  9.   
  10.             $('xmp').click(function(){  
  11.                 var saveContent = $(this).html();  
  12.                 $("body").append("<input type='text' id='temp' style=''>");  
  13.                 $("#temp").val(saveContent).select();  
  14.                 document.execCommand("copy");  
  15.                 $("#temp").remove();  
  16.                 $("body").append('<div class="message">Copied To Clipboard</div>');  
  17.                 $(".message").slideDown();  
  18.                 setTimeout(function(){  
  19.                     $(".message").slideUp(function(){  
  20.                         $(this).remove();  
  21.                     });  
  22.                 }, 1000)  
  23.             });  
  24.   
  25.         });  
  26.     </script>  
XML/HTML Code
  1. <section id="demo">  
  2.     <div class="center">  
  3.         <div class="smoothslides" id="myslideshow1">  
  4.             <img src="images/1.jpg" alt="Leaf"/>  
  5.             <img src="images/2.jpg" alt="Mountain"/>  
  6.             <img src="images/3.jpg" alt="Tree"/>  
  7.             <img src="images/4.jpg" alt="Sky"/>  
  8.         </div>  
  9.     </div>  
  10. </section>  

 


原文地址:http://www.freejs.net/article_jiaodiantu_580.html