// javascript document //此处引用:鼠标滚轮mousewheel插件 var window_width = $(window).width(); var window_height = $(window).height(); !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jquery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheeldelta"in g&&(m=g.wheeldelta),"wheeldeltay"in g&&(m=g.wheeldeltay),"wheeldeltax"in g&&(l=-1*g.wheeldeltax),"axis"in g&&g.axis===g.horizontal_axis&&(l=-1*m,m=0),j=0===m?l:m,"deltay"in g&&(m=-1*g.deltay,j=m),"deltax"in g&&(l=g.deltax,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltamode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltamode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=math.max(math.abs(m),math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=math[j>=1?"floor":"ceil"](j/f),l=math[l>=1?"floor":"ceil"](l/f),m=math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeoffset&&this.getboundingclientrect){var s=this.getboundingclientrect();o=b.clientx-s.left,p=b.clienty-s.top}return b.deltax=l,b.deltay=m,b.deltafactor=f,b.offsetx=o,b.offsety=p,b.deltamode=0,h.unshift(b,j,l,m),e&&cleartimeout(e),e=settimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustolddeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","dommousescroll","mozmousepixelscroll"],h="onwheel"in document||document.documentmode>=9?["wheel"]:["mousewheel","dommousescroll","mozmousepixelscroll"],i=array.prototype.slice;if(a.event.fixhooks)for(var j=g.length;j;)a.event.fixhooks[g[--j]]=a.event.mousehooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addeventlistener)for(var c=h.length;c;)this.addeventlistener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getlineheight(this)),a.data(this,"mousewheel-page-height",k.getpageheight(this))},teardown:function(){if(this.removeeventlistener)for(var c=h.length;c;)this.removeeventlistener(h[--c],b,!1);else this.onmousewheel=null;a.removedata(this,"mousewheel-line-height"),a.removedata(this,"mousewheel-page-height")},getlineheight:function(b){var c=a(b),d=c["offsetparent"in a.fn?"offsetparent":"parent"]();return d.length||(d=a("body")),parseint(d.css("fontsize"),10)||parseint(c.css("fontsize"),10)||16},getpageheight:function(b){return a(b).height()},settings:{adjustolddeltas:!0,normalizeoffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})}); function nowismobile() { return navigator.useragent.match(/(phone|pad|pod|iphone|ipod|ios|ipad|android|mobile|blackberry|iemobile|mqqbrowser|juc|fennec|wosbrowser|browserng|webos|symbian|windows phone)/i) } console.log(nowismobile()) $(function(){ if($(window).width()>600){ var i=0; var $btn = $('.section-btn li'), $wrap = $('.section-wrap'), $arrow = $('.arrow'); /*当前页面赋值*/ function up(){i++;if(i==$btn.length){i=0};} function down(){i--;if(i<0){i=$btn.length-1};} /*页面滑动*/ function run(){ $btn.eq(i).addclass('on').siblings().removeclass('on'); $wrap.attr("class","section-wrap").addclass(function() { return "put-section-"+i; }); }; /*右侧按钮点击*/ $btn.each(function(index) { $(this).click(function(){ i=index; run(); }) }); /*翻页按钮点击*/ $arrow.one('click',go); function go(){ up();run(); settimeout(function(){$arrow.one('click',go)},1000) }; /*响应鼠标*/ $wrap.one('mousewheel',mouse_); function mouse_(event){ if(event.deltay<0) {up()} else{down()} run(); settimeout(function(){$wrap.one('mousewheel',mouse_)},1000) }; /*响应键盘上下键*/ $(document).one('keydown',k); function k(event){ var e=event||window.event; var key=e.keycode||e.which||e.charcode; switch(key) { case 38: down();run(); break; case 40: up();run(); break; }; settimeout(function(){$(document).one('keydown',k)},1000); } } else{ $("html").css("overflow","unset"); $("body").css("height","auto").css("overflow-y","auto").css("min-width","1220px").css("overflow","unset"); $(".section-btn").css("display","none"); $(".section-wrap .part2").css("height","900px"); } });