CSS3+Jquery制作5款不同3D立体图片切换特效

用法简介

     文件引用

<script type="text/javascript" src="js/jquery.min.js"></script>

		<script type="text/javascript" src="js/flux.js"></script>
		
		<script type="text/javascript">
		
		$(function(){
			
		    if(!flux.browser.supportsTransitions)
		    
		        alert("Flux Slider requires a browser that supports CSS3 transitions");
		   
		   window.f = new flux.slider('#slider', {
		       
		       pagination: false,
		      
		       controls: false,
		      
		       transitions: ['explode', 'tiles3d', 'bars3d', 'cube', 'turn'],
		       
		       autoplay: false
		    });
		  
		  $('.transitions').click(function(event){
		     
		     event.preventDefault();
		      
		      window.f.next($(event.target).data('transition'), $(event.target).data('params'));
		    });
		});
</script>

特效演示地址：

http://www.sipeng.net/ParentPage/CSScontent/effectspage/css_3d_banner/index.html