jquery百叶窗效果

jquery百叶窗效果

 水平和垂直百叶窗各2个

演示

 

XML/HTML Code

1. <section id="blindify">  
2. <ul>  
3. <li><img src="images/photo_1.jpg" alt="" /></li>  
4. <li><img src="images/photo_2.jpg" alt="" /></li>  
5. <li><img src="images/photo_3.jpg" alt="" /></li>  
6. <li><img src="images/photo_4.jpg" alt="" /></li>  
7. </ul>  
8. </section>  

 

JavaScript Code

1. <script type="text/javascript">  
2.         $(document).ready(function(){  
3.             $('#blindify').blindify();  
4.         });  
5.     </script>  

 

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