(function() { //首页 /*===轮播===*/ jquery(".banner.slidebox").slide({ maincell: ".banner_img ul", effect: "leftloop", autoplay: true }); jquery(".xwyw-img.slidebox").slide({ maincell: ".banner_img ul", effect: "fold", autoplay: true }); jquery(".tittab.slidetxtbox").slide({}); $(".ksdh-content .sys").each(function(i) { if(i % 2 == 0) { $(this).css({ "marginright": 10 }) } }); $(".calendar li").mouseenter(function() { $(this).children(".calendar-detail").show(); $(this).siblings().children(".calendar-detail").hide(); }).mouseleave(function() { $(this).children(".calendar-detail").hide(); }); $(".taizhong li").click(function() { $(this).addclass("cli"); $(this).siblings('li').removeclass('cli'); }); $("#di1").click(function(){ $(this).addclass("xz").siblings().removeclass("xz"); $(".tu3").css("display","block").siblings(".ditu").css("display","none"); }); $("#di2").click(function(){ $(this).addclass("xz").siblings().removeclass("xz"); $(".tu2").css("display","block").siblings(".ditu").css("display","none"); }); $("#di3").click(function(){ $(this).addclass("xz").siblings().removeclass("xz"); $(".tu1").css("display","block").siblings(".ditu").css("display","none"); }); $("#di4").click(function(){ $(this).addclass("xz").siblings().removeclass("xz"); $(".tu4").css("display","block").siblings(".ditu").css("display","none"); }); $("#di5").click(function(){ $(this).addclass("xz").siblings().removeclass("xz"); $(".tu5").css("display","block").siblings(".ditu").css("display","none"); }); $("#di6").click(function(){ $(this).addclass("xz").siblings().removeclass("xz"); $(".tu6").css("display","block").siblings(".ditu").css("display","none"); }); $(function() { // 给第一张图片大小初始化 //img_li($(".tuji li").eq(0)); $(".shangbiao li").click(function () { var data = this.id; var src = $(".tuji li img").attr("src"); $(".pegimg .renzhen img").attr('src',src); $(this).children(".tuji li").removeclass('bian'); $(this).children(".tuji li").eq(0).addclass("bian"); if(data == "li1") { $(this).addclass("xuan"); $(this).siblings('li').removeclass('xuan'); $(".neirong .yin").hide(); $(".neirong #yin1").show(); } else if(data == "li2") { $(this).addclass("xuan"); $(this).siblings('li').removeclass('xuan'); $(".neirong .yin").hide(); $(".neirong #yin2").show(); } else if(data == "li3") { $(this).addclass("xuan"); $(this).siblings('li').removeclass('xuan'); $(".neirong .yin").hide(); $(".neirong #yin3").show(); } else if(data == "li4") { $(this).addclass("xuan"); $(this).siblings('li').removeclass('xuan'); $(".neirong .yin").hide(); $(".neirong #yin4").show(); } else if(data == "li5") { $(this).addclass("xuan"); $(this).siblings('li').removeclass('xuan'); $(".neirong .yin").hide(); $(".neirong #yin5").show(); } else if(data == "li6") { $(this).addclass("xuan"); $(this).siblings('li').removeclass('xuan'); $(".neirong .yin").hide(); $(".neirong #yin6").show(); } else { $(".neirong .yin").hide(); $(".neirong #yin1").show(); } }) var num = 0; // 点击图片规定大小 $(".tuji li").click(function() { num = $(this).index(); img_li($(this)); }) var len_li = $(".tuji li").length; var li_w = 196; var img_w = 850; $("#pegimg ul").css("width",len_li*img_w+"px"); $(".tuji ul").css("width",len_li*li_w+"px"); $(".rights").click(function() { if(numthisnum+3){ $(".tuji ul").css("left", -(num-3)*li_w + "px"); } $("#pegimg ul").css("margin-left",-num*img_w+"px") $(".tuji li").eq(num).addclass("bian").siblings().removeclass("bian"); img_li($(".tuji li").eq(num)); }) $(".lefts").click(function() { if(num>0){ num--; } thisnum = math.abs(parseint($(".tuji ul").css("left"))/li_w); if(num cheight) { imagewidth = parseint((cheight * imagewidth) / imageheight); imageheight = cheight; datas['margin-left'] = -(imagewidth / 2) + "px"; datas['width'] = imagewidth; datas['height'] = imageheight; dataimg['width'] = imagewidth; dataimg['height'] = imageheight; errordata['margin-left'] = (imagewidth / 2) + "px"; } else { if(imagewidth > cwidth) { imageheight = parseint((cwidth * imageheight) / imagewidth); imagewidth = cwidth; var top = parseint((cheight - imageheight) / 2); datas['left'] = "0px"; datas['top'] = top; datas['width'] = imagewidth; datas['height'] = imageheight; dataimg['width'] = imagewidth; dataimg['height'] = imageheight; errordata['left'] = imagewidth - 20; errordata['top'] = -20 + "px"; } else { var top = parseint((cheight - imageheight) / 2); datas['margin-left'] = -(imagewidth / 2) + "px"; datas['top'] = top; datas['width'] = imagewidth; datas['height'] = imageheight; dataimg['width'] = imagewidth; dataimg['height'] = imageheight; errordata['margin-left'] = (imagewidth / 2) + "px"; } } $(this).siblings(".big_img").css(datas); $(this).siblings(".big_img").children("img").css(dataimg); $(this).siblings(".big_img").children("a").css(errordata); $(this).siblings(".img_bg").css("display", "block"); }); })(); window.onload = function (){ img_li($(".tuji li").eq(0)); } // 规定图片大小 function img_li(this_li){ var index = $(this_li).index(); var src = $(this_li).children("img").attr("src"); var li_w = $("#pegimg li").width(); var li_h = 500; var data = img_wh(src, li_w, li_h); $("#pegimg ul").css("margin-left",-li_w*index) $("#pegimg li .renzhen").eq(index).css(data); datas = {}; datas['width'] = data['width']; datas['height'] = data['height']; $("#pegimg li .renzhen>img").eq(index).css(datas); $(this_li).addclass("bian"); $(this_li).siblings('li').removeclass('bian'); } // img 原图片src dwidth 可显示区域宽 dheight 可显示区域高 function img_wh(img, dwidth, dheight) { var theimage = new image(); theimage.src = img; var imagewidth = theimage.width; var imageheight = theimage.height; var data = {}; if(imageheight > dheight) { imagewidth = parseint((dheight * imagewidth) / imageheight); imageheight = dheight; data['width'] = imagewidth; data['height'] = imageheight; } else { if(imagewidth > dwidth) { imageheight = parseint((dwidth * imageheight) / imagewidth); imagewidth = dwidth; data['width'] = imagewidth; data['height'] = imageheight; data['margin-top'] = parseint((dheight-imageheight)/2); } else { data['width'] = imagewidth; data['height'] = imageheight; data['margin-top'] = parseint((dheight-imageheight)/2); } } return data; }