HTML5技术

刚入前端整合的一个手机端页面适配+预加载+获取资源加载进度等的一个小模板 - 龙心smile(2)

字号+ 作者:H5之家 来源:H5之家 2016-09-07 12:00 我要评论( )

1 /* * 2 * Created by w on 2016/8/16. ua = parseUA(); 6 function parseUA() { 7 var u = navigator.userAgent; 8 var u2 = navigator.userAgent.toLowerCase(); trident: u.indexOf('Trident') -1, presto: u.i

1 /** 2 * Created by w on 2016/8/16. ua = parseUA(); 6 function parseUA() { 7 var u = navigator.userAgent; 8 var u2 = navigator.userAgent.toLowerCase(); trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1, webKit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile: !!u.match(/AppleWebKit.*Mobile.*/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1, iPad: u.indexOf('iPad') > -1, webApp: u.indexOf('Safari') == -1, iosv: u.substr(u.indexOf('iPhone OS') + 9, 3), 21 weixin: u2.match(/MicroMessenger/i) == "micromessenger", 22 taobao: u.indexOf('AliApp(TB') > -1, 23 }; 24 } images = new Array(); 27 preload( 28 "http://stg-smartlearning.com/download/css3d-engine-master/img/yauncheng.png", 29 "http://stg-smartlearning.com/download/css3d-engine-master/img/dupian.png", 30 "http://stg-smartlearning.com/download/css3d-engine-master/img/feidaoshoushu.png", 31 "http://stg-smartlearning.com/download/css3d-engine-master/img/yuanchengkanhu.png", 32 "http://stg-smartlearning.com/download/css3d-engine-master/img/shangmentiyan.png", 33 "http://stg-smartlearning.com/download/css3d-engine-master/img/yihudaojia.png", 34 "http://www.stg-smartlearning.com/download/city/video/guSheng.mp3", 35 "http://www.stg-smartlearning.com/download/www/city/video/flash1.mp4", 36 "http://www.stg-smartlearning.com/download/www/city/video/flash2.mp4", 37 "http://www.stg-smartlearning.com/download/www/city/video/haitong.mp4", 38 "http://www.stg-smartlearning.com/download/www/city/video/hang1.mp4", 39 "http://www.stg-smartlearning.com/download/www/city/img/1241362.jpg", 40 "http://www.stg-smartlearning.com/download/www/city/img/haitong.png", 41 "http://www.stg-smartlearning.com/download/www/city/img/ht.png" 42 ); 43 function preload() { 44 for (i = 0; i < preload.arguments.length; i++) { 45 images[i] = new Image(); 46 images[i].src = preload.arguments[i] 47 } 48 }

屏幕适配js代码

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 总结一下公司项目使用各种较新的前端技术和 Api 的一些经验。 - B1ncer

    总结一下公司项目使用各种较新的前端技术和 Api 的一些经验。 - B1nc

    2016-09-02 17:00

  • 使用纯前端JavaScript 实现Excel IO - 胖乎乎的小奶油

    使用纯前端JavaScript 实现Excel IO - 胖乎乎的小奶油

    2016-08-26 15:00

  • 移动前端小结-第一章。 - 阿讯小飞

    移动前端小结-第一章。 - 阿讯小飞

    2016-08-23 14:00

  • 【前端安全】JavaScript防http劫持与XSS - ChokCoco

    【前端安全】JavaScript防http劫持与XSS - ChokCoco

    2016-08-19 17:00

网友点评
p