if($(window).scrollTop() >= 50){ $('.header').addClass('onmove'); }else{ $('.header').removeClass('onmove') } $(window).scroll(function(){ if($(window).scrollTop() >= 50){ $('.header').addClass('onmove'); }else{ $('.header').removeClass('onmove') $('.header').addClass('show').removeClass('hide'); } }); $(document).on("mousewheel DOMMouseScroll", function (e) { if($(window).scrollTop() > 50){ var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox if (delta > 0) { //向上滚 $('.header').addClass('show').removeClass('hide'); $('.noupshow .header').addClass('hide').removeClass('show');//向上滚动不显示的页面 }else if (delta < 0) { if(!$('.m_nav.nav-open').length){ //向下滚 $('.header').addClass('hide').removeClass('show'); } } }else{ } }); var industryFn = { fn1:function () { var box = $('#fn1'), items = box.find('.parent'); var Tfn = function (opts) { this.opt = opts || {}; this._box = this.opt.el; this.items = this.opt.parent; this.next = this._box.find('.next'); this.prev = this._box.find('.prev'); this.sum = this._box.find('.sum'); this.num = this._box.find('.num'); this.list = this.items.find('li'); this.rang = this.opt.rang||3; this.cur = 0; this.len = this.list.length; this.arr = [(this.len-1),this.cur,(this.cur+1)]; }; Tfn.prototype={ init:function (el) { this.sum.text(this.len); this.num.text(this.cur+1); this.btn(); this.choose(el); this._next();//自动执行一次(否则首次需要点2次) $('#industry .c1').text($('.box li:first').attr('title'));//默认第一个标题 }, btn:function () { var self = this; if(self.len==1){ self.prev.hide(); self.next.hide(); } this.next.on('click',function () { self._next(); self.num.text(self.arr[1]+1); _on($('[data-num]').eq(self.arr[1])); $('#industry .c1').text($(self).attr('title'));//切换标题 }); this.prev.on('click',function () { self._prev(); self.num.text(self.arr[1]+1); _on($('[data-num]').eq(self.arr[1])); $('#industry .c1').text($(self).attr('title'));//切换标题 }); }, choose:function (el) { var self = this; el.on('click',function () { var that = parseInt($(this).attr('data-num')); self._num(that); self.num.text(self.arr[1]+1); _on($('[data-num]').eq(self.arr[1])); }); }, _next:function () { var self = this; for(var key in self.arr){ var _this = self.arr[key]; _this = _this < (self.len-1) ? (_this+1) : 0; self.arr[key] = _this; $('#industry .c1').text($('li.on').attr('title'));//切换标题 switch(key){ case '0': self.list.eq(_this).addClass('prev-on').siblings().removeClass('prev-on'); break; case '1': self.list.eq(_this).addClass('on').siblings().removeClass('on'); break; default: self.list.eq(_this).addClass('next-on').siblings().removeClass('next-on'); break; } } }, _prev:function () { var self = this; for(var key in self.arr){ var _this = self.arr[key]; _this = _this > 0 ? (_this-1) : (self.len-1); self.arr[key] = _this; if(key == 1){ self.list.eq(_this).addClass('on').siblings().removeClass('on'); $('#industry .c1').text($('li.on').attr('title'));//切换标题 }else if(key == 0){ self.list.eq(_this).addClass('prev-on').siblings().removeClass('prev-on'); }else{ self.list.eq(_this).addClass('next-on').siblings().removeClass('next-on'); } } }, _num:function (num) { var self = this; for(var key in self.arr){ var _this = null; if(key == 1){ _this = num; self.list.eq(_this).addClass('on').siblings().removeClass('on'); $('#industry .c1').text($('li.on').attr('title'));//切换标题 }else if(key == 0){ _this = (num - 1) >= 0 ? (num-1) : (self.len-1); self.list.eq(_this).addClass('prev-on').siblings().removeClass('prev-on'); }else{ _this = (num + 1)<(self.len) ? (num+1) : 0; self.list.eq(_this).addClass('next-on').siblings().removeClass('next-on'); } self.arr[key] = _this; } } }; window._fn = new Tfn({ el:box, parent:items, rang:3 }); }, fn2:function () { var box = $('#fn2'), _prev = box.find('.p-prev'), _next = box.find('.p-next'), cur = 0, len = null, _item = box.find('.items'); _prev.fadeOut(); _item.forslide({ item:'.col', step:4, tagName:'li', tagClass:'list', callback:function () { _item.find('.list').eq(0).addClass('on'); len = _item.find('.list').length; if(len==1){ _next.hide(); } _fn.init($('[data-num]')); } }); var go_next= function () { cur = cur<(len-1) ? cur+1 : (len-1); _on(_item.find('.list').eq(cur)); }; var go_prev = function () { cur = cur>0 ? cur-1 : 0; _on(_item.find('.list').eq(cur)); }; _prev.on('click',function () { go_prev(); if(cur == (len-1)){ _next.fadeOut(); }else{ _next.fadeIn(); } if(cur==0){ _prev.fadeOut(); }else{ _prev.fadeIn(); } }); _next.on('click',function () { go_next(); if(cur == (len-1)){ _next.fadeOut(); }else{ _next.fadeIn(); } if(cur==0){ _prev.fadeOut(); }else{ _prev.fadeIn(); } }) } }; function _on(el) { el.addClass('on').siblings().removeClass('on'); } /*DOM分割*/ $.fn.forslide = function (_option) { _temp = ''; _html = ''; var _setting = { item: '.item', step: 4, tagName: 'li', tagClass: '', clear: false, attr: '', callback: function () { } } $.extend(_setting, _option); o = this; _size = o.find(_setting.item).length; if (_setting.clear) { _clear = '
'; } else { _clear = ''; } if (_size > _setting.step) { if (_size % _setting.step == 0) { for (_i = 0; _i < _size; _i++) { _temp += o.find(_setting.item + ':eq(' + _i + ')').prop('outerHTML'); if ((_i + 1) % _setting.step == 0) { _html += '<' + _setting.tagName + ' ' + _setting.attr + ' class="' + _setting.tagClass + '">' + _temp + _clear + ''; _temp = ''; } } } else { _page = Math.floor(_size / _setting.step); for (_i = 0; _i < _size; _i++) { _temp += o.find(_setting.item + ':eq(' + _i + ')').prop('outerHTML'); if ((_i + 1) % _setting.step == 0 && _i + 1 <= _page * _setting.step) { _html += '<' + _setting.tagName + ' ' + _setting.attr + ' class="' + _setting.tagClass + '">' + _temp + _clear + ''; _temp = ''; } } _html += '<' + _setting.tagName + ' ' + _setting.attr + ' class="' + _setting.tagClass + '">' + _temp + _clear + ''; } } else { _html += '<' + _setting.tagName + ' ' + _setting.attr + ' class="' + _setting.tagClass + '">' + o.html() + ''; } o.empty().append(_html); _setting.callback(); };