js:webank
webank.com上用来判断 是否是手机访问 所做的切换
(function() { var ua = navigator.userAgent; var istablet = /android/i.test(ua) && !/mobile/i.test(ua); if (!istablet && /(android)|(iphone)|(ipod)/i.test(ua) && (!/mi pad/i.test(ua))) { try { var jumpUrl = "mobile/index.html"; location.replace(jumpUrl) } catch (d) {} } })();
这是 从www.webank.com中取到的一个文件。
$(document).ready(function(){ /* 安卓版本兼容 */ var brower = { versions:function(){ var u = window.navigator.userAgent; var num ; if(u.indexOf('Trident') > -1){ //IE return "IE"; }else if(u.indexOf('Presto') > -1){ //opera return "Opera"; }else if(u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1){ //firefox return "Firefox"; }else if(u.indexOf('AppleWebKit' && u.indexOf('Safari') > -1) > -1){ //苹果、谷歌内核 if(u.indexOf('Chrome') > -1){ //chrome return "Chrome"; }else if(u.indexOf('OPR')){ //webkit Opera return "Opera_webkit" }else{ //Safari return "Safari"; } }else if(u.indexOf('Mobile') > -1){ //移动端 if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){ //ios if(u.indexOf('iPhone') > -1){ //iphone return "iPhone" }else if(u.indexOf('iPod') > -1){ //ipod return "iPod" }else if(u.indexOf('iPad') > -1){ //ipad return "iPad" } }else if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){ //android num = u.substr(u.indexOf('Android') + 8, 3); return {"type":"Android", "version": num}; }else if(u.indexOf('BB10') > -1 ){ //黑莓bb10系统 return "BB10"; }else if(u.indexOf('IEMobile')){ //windows phone return "Windows Phone" } } } } var system=brower.versions(); //console.log(system); if(system!="IE"){ var scroll_height=270; var window_h=$(window).height(); var window_w=$(window).width(); var img_min_h=488; var img_min_w=863; var phone_min_h=547; var phone_min_w=1118; var phone_set_h=parseInt(547/488*window_h); var phone_set_w=parseInt(1118/863*window_w); var phone_set_l=parseInt(123/1118*phone_set_w); var phone_set_t=parseInt(30/547*phone_set_h); var scroll_length=350; var ocupy_length=$(".ocupy_area").offset().top; var translate_h=600; $(".main").css({ "margin-top": scroll_length+110+"px" }); $(window).scroll(function(){ var scroll_num=$(window).scrollTop(); /* if(scroll_num>270){ $(".phone_screen").removeAttr("style"); $(".phone_wrap").removeAttr("style"); }*/ setPhoneSize(scroll_num); //console.log($(window).scrollTop()); }); /* $(".phone_screen").css({ "height": window_h+"px", "width": window_w+"px", "left":phone_set_l+"px", "top":phone_set_t+"px" }); $(".phone_wrap").css({ "height": phone_set_h+"px", "width": phone_set_w+"px", "left": "0", "top": "0", "margin-left": phone_set_l*-1+"px", "margin-top": phone_set_t*-1+"px", "position":"fixed" });*/ setPhoneSize(0); } else{ $("body").addClass("version_ie"); } function setPhoneSize(num){ /*if(num==0){ if(num>=0&&num<=scroll_length&& window_h*((scroll_length-num)/scroll_length)>=img_min_h){ $(".phone_screen").css({ "height": window_h*((scroll_length-num)/scroll_length)+"px", "width": window_w*((scroll_length-num)/scroll_length)+"px", "left":phone_set_l*((scroll_length-num)/scroll_length)+"px", "top":phone_set_t*((scroll_length-num)/scroll_length)+"px" }); $(".phone_wrap").css({ "height": phone_set_h*((scroll_length-num)/scroll_length)+"px", "width": phone_set_w*((scroll_length-num)/scroll_length)+"px", "left": "50%", "top": "50%", "margin-left": Math.floor(phone_set_w/2)*-1*((scroll_length-num)/scroll_length)+"px", "margin-top": (ocupy_length+Math.floor(phone_set_h/2))*-1*((scroll_length-num)/scroll_length)+"px", "position":"absolute" }); } } else{*/ //背景缩放、偏移 var param_h=(window_h/1100); var param_w=(window_w/700); //console.log(param_h); //大致合适位置： //1920x1200 偏移-540 缩放2.5 //1440x900 偏移-630 缩放1.9 //1024x768 偏移-735 缩放1.5 //当宽度变小，手机的偏移值变大，缩放倍数变小，所以宽度相对于偏移值是反比，相对于缩放是正比 //所以针对偏移，可以列2元一次不等式，解方程 //x=630y+630*1440 //x=735y+735*1024 //x=1834560 //y=1472 //所以针对缩放，可以列2元一次不等式，解方程 //1440+x=1.9y //1024+x=1.5y //x=536 //y=1040 //缩放2.1 //1440+x=2.1y //1024+x=1.5y //x=16 //y=693 //二维码偏移值同理，反比 //1200 600 //900 700 //768 750 //x=700y+700*900 //x=750y+750*768 //x=1386000 //y=1080 var x_t=1834560; var y_t=1472; var param_a=(x_t/(y_t+window_w))/scroll_length; var x_s=536; var y_s=1040; var param_b=(window_w+x_s)/y_s-0.95; var x_qr=1386000; var y_qr=1080; var translate_h=x_qr/(y_qr+window_h)-80; //大概80为头部导航菜单栏的高度 if(num>=scroll_length){ $(".phone_wrap").css({ "-moz-transform": " translate(0,0) scale(1)", "-webkit-transform": " translate(0,0) scale(1)" }); }else{ $(".phone_wrap").css({ "-moz-transform": " translate(0,-"+(scroll_length-num)*param_a+"px) scale("+(1+(scroll_length-num)/scroll_length*param_b)+")", "-webkit-transform": " translate(0,-"+(scroll_length-num)*param_a+"px) scale("+(1+(scroll_length-num)/scroll_length*param_b)+")" }); } if(num>=scroll_length){ //二维码悬浮 $(".qr_code_wrap").css({ "-moz-transform": " translate(0,0)", "-webkit-transform": " translate(0,0)" }); $(".qr_code_wrap .logo").css({ "-moz-transform": " translate(0,70px)", "-webkit-transform": " translate(0,70px)" }); $(".qr_code_area_1").css({ "-moz-transform": " translate(40px,0)", "-webkit-transform": " translate(40px,0)" }); $(".qr_code_area_2").css({ "-moz-transform": " translate(-40px,0)", "-webkit-transform": " translate(-40px,0)" }); }else{ $(".qr_code_wrap .logo").css({ "-moz-transform": " translate(0,0px)", "-webkit-transform": " translate(0,0px)" }); $(".qr_code_area_1").css({ "-moz-transform": " translate(0px,0)", "-webkit-transform": " translate(0px,0)" }); $(".qr_code_area_2").css({ "-moz-transform": " translate(0px,0)", "-webkit-transform": " translate(0px,0)" }); $(".qr_code_wrap").css({ "-moz-transform": " translate(0,"+(translate_h-num*(translate_h/scroll_length))*-1+"px)", "-webkit-transform": " translate(0,"+(translate_h-num*(translate_h/scroll_length))*-1+"px)" }); } //if($(".phone_wrap").css("width")) //console.log(num); //} } });
js/webank.txt · Last modified: 2018/07/24 08:13 by 127.0.0.1