您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 焦点图 >

    jquery带登录注册幻灯片代码

    时间:2014-08-06 08:33 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    jquery带登录注册幻灯片代码jquery带登录注册幻灯片代码是一款来自115网盘首页的登录+注册+通栏banner广告特效代码。jQuery登录表单注册框图片切换 所属专题:幻灯片代码

    <script type="text/javascript">
                    ;(function(){
                        
                        var defaultInd = 0;
                        var list = $('#js_ban_content').children();
                        var count = 0;
                        var change = function(newInd, callback){
                            if(count) return;
                            count = 2;
                            $(list[defaultInd]).fadeOut(400, function(){
                                count--;
                                if(count <= 0){
                                    if(start.timer) window.clearTimeout(start.timer);
                                    callback && callback();
                                }
                            });
                            $(list[newInd]).fadeIn(400, function(){
                                defaultInd = newInd;
                                count--;
                                if(count <= 0){
                                    if(start.timer) window.clearTimeout(start.timer);
                                    callback && callback();
                                }
                            });
                        }
                        
                        var next = function(callback){
                            var newInd = defaultInd + 1;
                            if(newInd >= list.length){
                                newInd = 0;
                            }
                            change(newInd, callback);
                        }
                        
                        var start = function(){
                            if(start.timer) window.clearTimeout(start.timer);
                            start.timer = window.setTimeout(function(){
                                next(function(){
                                    start();
                                });
                            }, 8000);
                        }
                        
                        start();
                        
                        $('#js_ban_button_box').on('click', 'a', function(){
                            var btn = $(this);
                            if(btn.hasClass('right')){
                                //next
                                next(function(){
                                    start();
                                });
                            }
                            else{
                                //prev
                                var newInd = defaultInd - 1;
                                if(newInd < 0){
                                    newInd = list.length - 1;
                                }
                                change(newInd, function(){
                                    start();
                                });
                            }
                            return false;
                        });
                        
                    })();
                </script>

    jquery带登录注册幻灯片代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/9919.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!