IT技术互动交流平台

jQuery扑克牌特效幻灯片

作者:jqueryba  发布日期:2013-08-27 20:34:04

扑克牌,我们大家都有接触,如果运用到我们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>


 

 

Tag标签: jQuery   扑克牌特效   幻灯片  
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规