$(function () { //发展历程 (function () { var $Dul = $("#about .development .of .shaft ul"), $Dli = $Dul.children("li"), $p = $("#about .development .of .shaft > p"), $Prv = $("#about .development .of .prv"), $Next = $("#about .development .of .next"), index = 0; var num = $Dli.width() - parseFloat($Dli.eq(2).css("margin-left")); if($Dli.length%2 === 0){ $Dul.css("width",($Dli.width() * 2 -num) * $Dli.length + $Dli.width()+ "px"); }else { $Dul.css("width",$Dli.width()+num * ($Dli.length-1)/2 + "px"); } $p.css("width",$Dul.width()+"px"); $Prv.click(function () { index--; index=Math.max(index,0); changeFun(index); }); $Next.click(function () { index++; index=Math.min(index,($Dli.length-4)/2); changeFun(index); }); function changeFun(index) { $Dul.css("margin-left",-num*index+"px"); } })(); //企业荣誉 (function () { var $cLi = $(".honor .certificate > ul > li"), $Li = $cLi.find("div .pic li"); $(function () { $Li.eq(0).mouseenter(); $Li.eq(4).mouseenter(); $Li.eq(8).mouseenter(); $Li.eq(12).mouseenter(); }); $Li.mouseenter(function () { $(this).parent().nextAll("div").find("p").html($(this).find("p").html()); $(this).parent().nextAll("div").find("h4").html($(this).find("h4").html()); }); })(); //企业优势 (function () { var $Anum = $("#advantage .number ul li"), $NCul = $("#advantage .n-content ul"), $Ncontent = $NCul.children("li"), $ab_num = $("#ab-ad .number ul li"), $ab_ul = $("#ab-ad .n-content ul"), $ab_content = $ab_ul.children("li"); $ab_num.hover(function () { $(this).addClass("on"); $ab_content.eq($(this).index()).find(".top").addClass("on"); $ab_content.eq($(this).index()).find("span").addClass("on"); $ab_content.eq($(this).index()).find("i").addClass("on"); $ab_content.eq($(this).index()).find("p").addClass("on"); }, function () { $(this).removeClass("on"); $ab_content.eq($(this).index()).find(".top").removeClass("on"); $ab_content.eq($(this).index()).find("span").removeClass("on"); $ab_content.eq($(this).index()).find("i").removeClass("on"); $ab_content.eq($(this).index()).find("p").removeClass("on"); }); $Anum.click(function () { $(this).addClass("on").siblings().removeClass("on"); $Ncontent.eq($(this).index()).addClass("on").siblings().removeClass("on"); $Ncontent.eq($(this).index()).find(".top").addClass("on").end().siblings().find(".top").removeClass("on"); $Ncontent.eq($(this).index()).find("span").addClass("on").end().siblings().find("span").removeClass("on"); $Ncontent.eq($(this).index()).find("i").addClass("on").end().siblings().find("i").removeClass("on"); $Ncontent.eq($(this).index()).find("p").addClass("on").end().siblings().find("p").removeClass("on"); $NCul.css("margin-left",-parseFloat($Ncontent.eq(1).css("margin-left")) * $(this).index() + "px"); if($(this).index() === 0){ $NCul.css("margin-left",$Ncontent.eq(1).outerWidth(true) * ( $(this).index() + 1 ) + "px"); }else { $NCul.css("margin-left",-$Ncontent.eq(1).outerWidth(true) * ( $(this).index() - 1 ) + "px"); } }); })(); (function () { var $Ali = $("#about .advantage .n-content ul li"); /* $(window).resize(AFun); AFun(); function AFun() {*/ if ($(window).width() <= 414){ $Ali.eq(1).removeClass("on"); $Ali.find(".top").removeClass("on"); $Ali.find("i").removeClass("on"); $Ali.find("p").removeClass("on"); $Ali.find("span").removeClass("on"); } /* }*/ })(); });