查了不少资料，最后结论如下： 代码如下: function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees counter-clockwise case 90: // Landscape: turned 90 degrees clockwise // Javascript to steup Landscape view break; } } window.addEventListener("onorientationchang...
绝对值得看的来篇，哈哈。本人亲自完成，有错误请大家指出： 现在的手机完美支持html5,所以如果手机端想要做个抽奖模块的话,用刮刮卡抽奖效果,相信这个互动体验是非常棒的 ps:由于本人没有wp8系统的手机,所以没法兼容wp8系统的,目前完美兼容android,IOS 如果要在pc浏览的话，得改下js,目前支持谷歌，火狐，ie>=10,如果网友想要的话我就去写个 代码如下: 代码如下: eraser effect #canvas { background:url(winning-ticket.j...
判断原理： JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。 浏览器类型 ⑴浏览器特有属性 ⑵根据user...
代码如下: //因js水平有限，不喜勿喷，全当没事看看,video是html5中的新控件，大家可以看看 //mp4是ios、android普遍支持的格式 function playVideo(opt) { if (typeof (opt) == "undefined") { alert("请传入必要参数！"); return; } if (typeof (opt.elemt) == "undefined") { alert("请指定播放器要插入的对象！"); return; } if (typeof (opt.src) == "undefined") { alert("请指定要播放视频的路径！"); return; } v...
项目中需要扫描二维码之后自动分辨出是android还是ios系统，针对于不同的系统进行不同的下载。/* * 智能机浏览器版本信息: * */ var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gec...
今天被一个问题困扰，有一个页面在浏览器（无论是手机还是PC）上运行良好，而通过WebView就出现了问题，有两个值得计算始终出错。于是就通过alert，把这个值显示出来，发现和浏览器上计算的结果差了很多，本来是正数，却变成了负数。仔细比对发现，其中一部分数字被抹掉了，这些数字都是通过parseInt由字符串转化而来的。而被抹掉的值，和其他正常的数字唯一区别是，它们都是以0开头的，比如“04903”，而其他值都是“90874”。如此...
网上常用的代码/*** [isMobile 判断平台]* @param test: 0:iPhone 1:Android*/ function ismobile(test){var u = navigator.userAgent, app = navigator.appVersion;if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("mob...
废话不多说了，先给大家展示下效果图：这是iOS下的效果，android下完全一致。通过do_GestureView组件和do_Animation组件，deviceone能很容易实现复杂的跨平台纯原生动画效果,这个示例就是通过手势控制图片上下动画滑动实现开合效果，还支持声音效果。下面是主要的代码//index.ui.js var do_Animator1 = mm("do_Animator"); do_Animator1.append(500, { y: -1334, curve:"Linear" }); var do_Animator2 = mm("do_Animator"); do_Ani...
现在主流的分享工具也有很多，例如JiaThis、bShare分享，甚至一些大公司的如百度分享，但是他们依旧停留在只是在PC端的分享，对手机端的支持不是太好。大家都知道现在很多手机端浏览器都内置了一些分享组件，像UC浏览器、QQ浏览器，内置的组件分享可以直接启动相应的APP分享，要是一个JS能调用浏览器的内置分享组件，那是多么酷啊。高手在民间啊，下面脚本之家的小编就带你来看看这位兄弟的编写的JS库。 一、工具介绍 nativeShare....