$(function(){ //缩放自适应 开始 var pwidth=$('#prodtop').width(); var swidth=$('#prodimg').width(); $('#prodmain').innerwidth(pwidth-swidth); //产品图片宽度适应 var picwidth=$('#prodpic').width(); $('#prodpic img').each(function(){ if(picwidth<$(this).width()){ $(this).width(picwidth); } }); $(window).resize(function() { var pwidth=$('#prodtop').width(); var swidth=$('#prodimg').width(); $('#prodmain').innerwidth(pwidth-swidth); var picwidth=$('#prodpic').width(); $('#prodpic img').each(function(){ if(picwidth<$(this).width()){ $(this).width(picwidth); } }); }); //返回顶部 $("#returntop>i").click(function(){ $("html,body").animate({scrolltop:0}); }); $("#servicehide").mouseenter(function(e){ $(this).hide(); $(this).next().animate({right:'0'}); }); $("#serviceshow").mouseleave(function(e){ $(this).animate({right:'-200px'}); $(this).prev().show(); }); //关闭js操作后残留的效果 $("body").on("click",function(){ $("#serviceshow").animate({right:'-200px'}); $("#servicehide").show(); $("#search #pora>.selected").next().after($("#search #pora>.selected")).hide(); }); //放大镜 开始 $("#prodimg>ul>li>img").click(function(){ var path=$(this).attr('src'); $("#prodimg>p>img").attr('src',path); $("#prodmain>ul>.prod_zoom>p>img").attr('src',path); }); $("#prodimg>p").mousemove(function(e){ $("#prodmain>ul>.prod_zoom").show(); $("#prodimg>p>.layer").show(); var l=e.pagex-$(this).offset().left-($("#prodimg>p>.layer").width()/2); var t=e.pagey-$(this).offset().top-($("#prodimg>p>.layer").height()/2); if(l<0){l=0;} if(l>$(this).width()-$("#prodimg>p>.layer").width()){ l=$(this).width()-$("#prodimg>p>.layer").width(); } if(t<0){t=0;} if(t>$(this).height()-$("#prodimg>p>.layer").height()){ t=$(this).height()-$("#prodimg>p>.layer").height(); } $("#prodimg>p>.layer").css({"left":l,"top":t}); var px =l/($(this).width()-$("#prodimg>p>.layer").width()); var py =t/($(this).height()-$("#prodimg>p>.layer").height()); $(".prod_zoom>p>img").css({ "left":-px*($(".prod_zoom>p>img").width()-$(".prod_zoom").width()), "top":-py*($(".prod_zoom>p>img").height()-$(".prod_zoom").height()) }); }); $("#prodimg>p").mouseleave(function(){ $("#prodmain>ul>.prod_zoom").hide(); $("#prodimg>p>.layer").hide(); });//放大镜 结束 //侧边栏fixed $(window).on("scroll",function(){ var scrolltop=$(this).scrolltop(); var middletop=$("#middlediv").offset().top; var bottomtop=$("#bottomdiv").offset().top; var heighttop=0; var subtop=0; if($('#artright').length>0){//文章右 heighttop=$("#artright").outerheight(true); if(scrolltop>=middletop-20){ subtop=scrolltop-middletop+20; } if(subtop>=bottomtop-middletop-heighttop-60){ subtop=bottomtop-middletop-heighttop-60; } $("#artright").css("top",subtop); } if($('#prodleft').length>0){//产品左 var guidetop=$("#guider").offset().top; heighttop=$("#prodleft").outerheight(true); if(scrolltop>=guidetop+20){ subtop=scrolltop-guidetop-20; } if(subtop>=bottomtop-guidetop-heighttop-72){ subtop=bottomtop-guidetop-heighttop-72; } $("#prodleft").css("top",subtop); } }); //搜索选择 $("#search>#pora").on("click","li",function(e){ e.stoppropagation(); var url=$(this).attr("url"); var cls=$(this).attr("class"); if(cls=="selected"){ if($(this).prev().is(":hidden")){ $(this).prev().before($(this)).show(); }else if($(this).next().is(":visible")){ $(this).next().after($(this)).hide(); } }else{ $(this).addclass("selected"); $(this).prev().removeclass("selected").hide(); $("#search>input").attr("url",url); } }); //搜索提交 $('#search>button').click(function(){ var val=$(this).prev().val(); var url=$(this).prev().attr("url"); if(val.length>=2){ location.href=url+val+'.html'; }else{ alert('搜索内容不能少于2个字'); } }); //模拟键盘回车,触发上面click事件 $('#search>input').keydown(function(e){ if(e.keycode==13){ var val=$(this).val(); var url=$(this).attr("url"); if(val.length>=2){ location.href=url+val+'.html'; }else{ alert('搜索内容不能少于2个字'); } } }); //提交留言 $('#message button').click(function(){ var name=$.trim($('#message input[name=name]').val()); if(!name){ alert('请留下您的姓名、昵称、公司名称。'); return false; } var call=$('#message input[name=call]').val(); var rex = /(^1[3-9]{1}\d{9}$)|(^0\d{2,3}-\d{7,8}(-\d{3,4})?$)/ if(call && !rex.test(call)){ alert('请输入正确的手机号码或电话号码。'); return false; } var mail=$('#message input[name=mail]').val(); var rex = /^[a-za-z0-9]+([._]*[a-za-z0-9]+)*@[a-za-z0-9]+([_.][a-za-z0-9]+)+$/; if(mail && !rex.test(mail)){ alert('请输入正确的邮箱地址。'); return false; } var text=$.trim($('#message textarea').val()); if(!text){ alert('请填写留言。'); return false; } var url=$(this).attr('url'); $.ajax({ type:"post", async:false, url:url, data:{n:name,c:call,m:mail,t:text}, success:function(data){ alert(data); } }); }); });