$(function(){ xydh(); win_w(); if($('.sy_zs_img2').size()){ tpgd({ b:$('.sy_zs_img2'), c:{ b:$('.sy_zs_l'), c:$('.sy_zs_r') }, d:'单个', ds:(function(){if($(window).width()>769){return 3}else{return 2}})() }) } }) $(function(){ $('.dh ul li').hover(function(){ $(this).find('.dh_xl').slideDown(); $(this).find('.dh_xl_wz ul').css('margin-left',$(this).offset().left-$(this).parent().offset().left+$(this).width()/2-$(this).find('.dh_xl_wz ul').width()/2); if(!$(this).find('.dh_xl .dh_xl_img').find('img').size()){ $(this).find('.dh_xl .dh_xl_img').html(''); } },function(){ $(this).find('.dh_xl').stop(true,true).slideUp(); }); $('.dh ul li .dh_xl ul li').hover(function(){ $(this).parent().siblings('.dh_xl_img').html(''); },function(){}); /*img1200($('.banner ul li img'));*/ if($('.banner ul li').size()>1){ tpgd({ b:$('.banner'), c:{ a:$('.bandd'), b:$('.banz'), c:$('.bany') } }) }else if($('.banner ul li').size()){ $('.bandd,.banz,.bany').hide(); } if($('.sy_jjfa_img ul li').size()){ tpgd({ b:$('.sy_jjfa_img'), c:{ a:$('.sy_jjfa_dd'), b:$('.sy_jjfa_l'), c:$('.sy_jjfa_r') }, d:'单个', ds:(function(){ if($(window).width()>650){return 3;}else{return 1;} })() }) $('.sy_jjfa_dd').width($('.sy_jjfa_dd span').size()*20); } if($('.sy_alimg_fl ul li').size()){ $('.sy_alimg_fl ul li').eq(0).addClass('on'); $('.sy_alimg_lb ul').eq(0).show(); $('.sy_alimg_fl ul li a').hover(function(){ $(this).parent().addClass('on').siblings().removeClass('on'); $('.sy_alimg_lb ul').hide().eq($(this).parent().index()).show(); }) } $('.xfdm ul li').hover(function(){ $(this).find('.xfdm_xl').show(); },function(){ $(this).find('.xfdm_xl').hide(); }); $('.dh_ss form input').focus(function(){ $('.dh_ss_xl').slideDown(); }) $('.dh_ss form input').blur(function(){ $('.dh_ss_xl').slideUp(); }) }) function fhdb(){ $('html,body').animate({scrollTop:0},500) } function tpgd(cs){ var szqm=0,//当前left szqd=0,//当前序列号 spz=0, a=cs.a||1,//滚动个数默认1 b=cs.b,//滚动元素父级 必填 c=cs.c||false,//c.a 分页器小点父级 c.b 左切换 c.c 右切换 t=cs.t||5000,//自动切换 默认3000 xg=cs.xg||1,//切换效果1滚动 kzq=true,//控制器 d=cs.d||'banner',//选择切换插件,默认banner ds=cs.ds||0,//一行显示几个 blilength=b.find('li').length;//li个数 b.children('ul').append(b.children('ul').html()); //创建分页按钮 if(c.a){ if(!ds){ for(var i=0;i'); } }else{ for(var i=0;i'); } } c.a.find('span').eq(szqd).addClass('on') } szq(); b.hover(function(){clearInterval( b.t1 )},function(){szq()}) //分页器切换 if(c.a)c.a.find('span').click(function(){ if(kzq){ kzq=false; szqd=$(this).index(); szqm=szqd*b.find('li').outerWidth(true); b.find('ul').stop(true,true).animate({left:-szqm},function(){ kzq=true; }); c.a.find('span').removeClass('on').eq(szqd).addClass('on') } }) function szq(){ b.t1=setInterval(function(){ tabqh(true); },t); } if(c.b&&c.c){ c.b.click(function(){tabqh(false);}) c.c.click(function(){tabqh(true);}) } //左右切换 function tabqh(tabqha){ if(tabqha){ qhy(); }else{ qhz(); } function qhy(){ if(d=='banner'){ if(kzq){ kzq=false; if(szqd==Math.ceil(blilength/a)){ szqd=0; szqm=szqd*b.width(); b.find('ul').css('left',-szqm); console.log(szqm); } szqd++; //szqd%=Math.ceil(blilength/a); szqm=szqd*b.width(); if(c.a)if(szqd0?szqd--:szqd=Math.ceil(blilength/a)-1; szqm=szqd*b.width(); if(c.a)c.a.find('span').removeClass('on').eq(szqd).addClass('on'); b.find('ul').animate({left:-szqm},function(){ kzq=true; }); } }else if(d=='单个'){ if(kzq){ kzq=false; if(szqd==0){ szqd=blilength; szqm=szqd*b.find('li').outerWidth(true); b.find('ul').css('left',-szqm); szqd--; }else{ szqd--; } szqm=szqd*b.find('li').outerWidth(true); if(spz==0){ spz=blilength-(ds-1); spz--; }else{ spz--; }; if(c.a)c.a.find('span').removeClass('on').eq(spz).addClass('on'); b.find('ul').animate({left:-szqm},function(){ kzq=true; }); } } } } var cmwz,cmwz2,cmwz3; b.find('ul')[0].addEventListener('touchstart', function(event) { /*手指触摸了*/ if (event.targetTouches.length == 1) {      //event.preventDefault();// 阻止浏览器默认事件,重要 var touch = event.targetTouches[0]; cmwz=touch.pageX; cmwz3=cmwz; clearInterval( b.t1 ); } }, false); b.find('ul')[0].addEventListener('touchmove', function(event) { /*手指移动了*/ // 如果这个元素的位置内只有一个手指的话 if (event.targetTouches.length == 1) {      //event.preventDefault();// 阻止浏览器默认事件,重要 var touch = event.targetTouches[0]; cmwz2=touch.pageX; cmwz4=cmwz2-cmwz3; cmwz3=cmwz2; b.find('ul').css('left',parseFloat(b.find('ul').css('left'))+cmwz4) } }, false); b.find('ul')[0].addEventListener('touchend', function(event) { /*手指离开了*/      //event.preventDefault();// 阻止浏览器默认事件,重要 var touch = event.targetTouches[0]; if(cmwz-cmwz2>=80){tabqh(true);}else if(cmwz-cmwz2<-80){tabqh(false);}else{b.find('ul').animate({left:-szqm})}; szq(); }, false); /*鼠标事件*/ var lastX,lastX2,lastX3,lastX4,djydpd=false; b.find('ul').mousedown(function(e){      e.preventDefault();// 阻止浏览器默认事件,重要 lastX = e.pageX; lastX3=lastX; djydpd = true; bulLeft=b.find('ul').css('left'); $(this).mousemove(function(e) { if(djydpd){ lastX2=e.pageX; lastX4=lastX2-lastX3; lastX3=lastX2; b.find('ul').css('left',parseFloat(b.find('ul').css('left'))+lastX4) } }); $(this).mouseup(function(e){ djydpd = false; if(lastX2){if(lastX280){tabqh(true);}else if(lastX2>lastX&&lastX2-lastX>80){tabqh(false);}else{b.find('ul').css('left',bulLeft)}} lastX=0;lastX2=0; }); }) } function xydh(){ if($(window).width()<1200){ $('script').remove(); var $dh=$('.sj_dh'); $dh.append('').parent().append('
'); $dh.attr('class','').addClass('sjdh').remove(); $('body').append('
'); $('body').append($dh); $('.bodyw').append($('.bodyw').siblings()); $('.body_st').append($('.body_st').siblings()); $dh.find('a').each(function() { if($(this).parent('p').siblings('.dh_xl').size()){ $(this).parent('p').parent().addClass('xl_tb'); $(this).parent('p').parent().append(''); //$(this).attr('href','javascript:;'); } if($(this).siblings('.dh_xl').size()){ $(this).parent().addClass('xl_tb'); $(this).parent().append(''); //$(this).attr('href','javascript:;'); } }); $('.dh_xl').prepend('返回') $dh.find('li em').click(function(){ $(this).siblings('.dh_xl').toggleClass('on'); }); $dh.find('.dh_fl_fh').click(function(){ $(this).parent().removeClass('on'); }); $dh.find('ul li a').click(function(){ $dh.toggleClass('dhov'); $('.dhan').toggleClass('hover'); $('.body_st').toggleClass('on'); $('.body_bg').stop().fadeToggle(500); $('html').toggleClass('on'); $('.dh_xl').removeClass('on'); }); $('.dhgb').click(function(){ $dh.toggleClass('dhov'); $('.dhan').toggleClass('hover'); $('.body_st').toggleClass('on'); $('.body_bg').stop().fadeToggle(500); $('html').toggleClass('on'); $('.dh_xl').removeClass('on'); }); $('.dhan').click(function(){ $dh.toggleClass('dhov'); $('.dhan').toggleClass('hover'); $('.body_st').toggleClass('on'); $('.body_bg').stop().fadeToggle(500); $('html').toggleClass('on'); $('.dh_xl').removeClass('on'); }); $('.body_bg').click(function(e){ $('.dhan').toggleClass('hover'); $('.body_st').toggleClass('on'); $('.body_bg').stop().fadeToggle(500); $('html').toggleClass('on'); $dh.toggleClass('dhov'); $('.dh_xl').removeClass('on'); }); } }; /*浏览器宽度改变刷新页面*/function win_w(){var $win_w=$(window).width();$(window).resize(function(){if($(window).width()>1199&&$win_w<1200){window.location.reload();}else if($(window).width()<1200&&$win_w>1199){window.location.reload();}})}; $.fn.imgscroll = function(o){ var defaults = { speed: 30, amount: 0, width: 1, dir: "left" }; o = $.extend(defaults, o); return this.each(function(){ var _li = $("li", this); _li.parent().parent().css({overflow: "hidden", position: "relative"}); //div _li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); //ul _li.css({position: "relative", overflow: "hidden"}); //li if(o.dir == "left") _li.css({float: "left"}); //初始大小 var _li_size = 0; for(var i=0; i<_li.size(); i++) _li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true); //循环所需要的元素 if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"}); _li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone()); _li = $("li", this); //滚动 var _li_scroll = 0; function goto(){ _li_scroll += o.width; if(_li_scroll > _li_size) { _li_scroll = 0; _li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }); _li_scroll += o.width; } _li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount); } //开始 var move = setInterval(function(){ goto(); }, o.speed); _li.parent().hover(function(){ clearInterval(move); },function(){ clearInterval(move); move = setInterval(function(){ goto(); }, o.speed); }); }); };/*无缝滚动图片*/ function tpgd2(cs){ var szqm=0,//当前left szqd=0,//当前序列号 a=cs.a||1,//滚动个数默认1 b=cs.b,//滚动元素父级 必填 c=cs.c||false,//c.a 分页器小点父级 c.b 左切换 c.c 右切换 t=cs.t||5000,//自动切换 默认3000 xg=cs.xg||1,//切换效果1滚动 kzq=true,//控制器 d=cs.d||'banner',//选择切换插件,默认banner dd=cs.dd||false, ddon=0, ds=cs.ds||0,//一行显示几个 blilength=b.find('li').length;//li个数 b.children('ul').append(b.children('ul').html()); if(dd){ for(var di=0;di'); } dd.find('span').eq(szqd).addClass('on') } if(dd)dd.find('span').click(function(){ if(kzq){ kzq=false; szqd=$(this).index(); szqm=szqd*b.find('li').outerWidth(true); b.find('ul').stop(true,true).animate({left:-szqm},function(){ kzq=true; }); dd.find('span').removeClass('on').eq(szqd).addClass('on'); ddon=szqd; } }) //创建分页按钮 if(c.a){ if(!ds){ for(var i=0;i'); } }else{ for(var i=0;i'); } } c.a.find('span').eq(szqd).addClass('on') } szq(); b.hover(function(){clearInterval( b.t1 )},function(){szq();}) if(dd){dd.hover(function(){clearInterval( b.t1 )},function(){szq();})} if(c.b){c.b.hover(function(){clearInterval( b.t1 )},function(){szq();})} if(c.c){c.c.hover(function(){clearInterval( b.t1 )},function(){szq();})} //分页器切换 if(c.a)c.a.find('span').click(function(){ if(kzq){ kzq=false; szqd=$(this).index(); szqm=szqd*b.find('li').outerWidth(true); b.find('ul').stop(true,true).animate({left:-szqm},function(){ kzq=true; }); c.a.find('span').removeClass('on').eq(szqd).addClass('on') } }) function szq(){ b.t1=setInterval(function(){ tabqh(true); },t); } if(c.b&&c.c){ c.b.click(function(){tabqh(false);}) c.c.click(function(){tabqh(true);}) } //左右切换 function tabqh(tabqha){ if(tabqha){ qhy(); if(dd){ddon++;ddon%=blilength-(ds-1);dd.find('span').removeClass('on').eq(ddon).addClass('on')}; }else{ qhz(); if(dd){if(ddon!=0){ddon--;}else{ddon=blilength-(ds-1)-1};dd.find('span').removeClass('on').eq(ddon).addClass('on')}; } function qhy(){ if(d=='banner'){ if(kzq){ kzq=false; if(szqd==Math.ceil(blilength/a)){ szqd=0; szqm=szqd*b.width(); b.find('ul').css('left',-szqm); console.log(szqm); } szqd++; //szqd%=Math.ceil(blilength/a); szqm=szqd*b.width(); if(c.a)if(szqd0?szqd--:szqd=Math.ceil(blilength/a)-1; szqm=szqd*b.width(); if(c.a)c.a.find('span').removeClass('on').eq(szqd).addClass('on'); b.find('ul').animate({left:-szqm},function(){ kzq=true; }); } }else if(d=='单个'){ if(kzq){ kzq=false; if(szqd==0){ szqd=blilength; szqm=szqd*b.find('li').outerWidth(true); b.find('ul').css('left',-szqm); szqd--; }else{ szqd--; } szqm=szqd*b.find('li').outerWidth(true); b.find('ul').animate({left:-szqm},function(){ kzq=true; }); } } } } var cmwz,cmwz2,cmwz3; b.find('ul')[0].addEventListener('touchstart', function(event) { /*手指触摸了*/ if (event.targetTouches.length == 1) {      //event.preventDefault();// 阻止浏览器默认事件,重要 var touch = event.targetTouches[0]; cmwz=touch.pageX; cmwz3=cmwz; clearInterval( b.t1 ); } }, false); b.find('ul')[0].addEventListener('touchmove', function(event) { /*手指移动了*/ // 如果这个元素的位置内只有一个手指的话 if (event.targetTouches.length == 1) {      //event.preventDefault();// 阻止浏览器默认事件,重要 var touch = event.targetTouches[0]; cmwz2=touch.pageX; cmwz4=cmwz2-cmwz3; cmwz3=cmwz2; b.find('ul').css('left',parseFloat(b.find('ul').css('left'))+cmwz4) } }, false); b.find('ul')[0].addEventListener('touchend', function(event) { /*手指离开了*/      //event.preventDefault();// 阻止浏览器默认事件,重要 var touch = event.targetTouches[0]; if(cmwz-cmwz2>=80){tabqh(true);}else if(cmwz-cmwz2<-80){tabqh(false);}else{b.find('ul').animate({left:-szqm})}; szq(); }, false); /*鼠标事件*/ var lastX,lastX2,lastX3,lastX4,djydpd=false; b.find('ul').mousedown(function(e){      e.preventDefault();// 阻止浏览器默认事件,重要 lastX = e.pageX; lastX3=lastX; djydpd = true; bulLeft=b.find('ul').css('left'); $(this).mousemove(function(e) { if(djydpd){ lastX2=e.pageX; lastX4=lastX2-lastX3; lastX3=lastX2; b.find('ul').css('left',parseFloat(b.find('ul').css('left'))+lastX4) } }); $(this).mouseup(function(e){ djydpd = false; if(lastX2){if(lastX280){tabqh(true);}else if(lastX2>lastX&&lastX2-lastX>80){tabqh(false);}else{b.find('ul').css('left',bulLeft)}} lastX=0;lastX2=0; }); }) }