jQuery扑克牌特效幻灯片

扑克牌,我们大家都有接触,如果运用到我们web项目上会是一个什么效果呢？

jQuery扑克牌特效幻灯片,让我们拭目以待

主要用到个jquery插件很赞,果断分享之

<script type="text/javascript" src="js/jquery.windy.js"></script>
        <script type="text/javascript">	
			$(function() {
 
				var $el = $( '#wi-el' ),
					windy = $el.windy(),
					allownavnext = false,
					allownavprev = false;
 
				$( '#nav-prev' ).on( 'mousedown', function( event ) {
 
					allownavprev = true;
					navprev();
 
				} ).on( 'mouseup mouseleave', function( event ) {
 
					allownavprev = false;
 
				} );
 
				$( '#nav-next' ).on( 'mousedown', function( event ) {
 
					allownavnext = true;
					navnext();
 
				} ).on( 'mouseup mouseleave', function( event ) {
 
					allownavnext = false;
 
				} );
 
				function navnext() {
					if( allownavnext ) {
						windy.next();
						setTimeout( function() {	
							navnext();
						}, 150 );
					}
				}
 
				function navprev() {
					if( allownavprev ) {
						windy.prev();
						setTimeout( function() {	
							navprev();
						}, 150 );
					}
				}
 
			});
		</script>