js判断移动端浏览器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { 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('Adr') > -1, iPhone: u.indexOf('iPhone') > -1 , iPad: u.indexOf('iPad') > -1, webApp: u.indexOf('Safari') == -1, weixin: u.indexOf('MicroMessenger') > -1, qq: u.match(/\sQQ/i) == " qq" }; }(), language:(navigator.browserLanguage || navigator.language).toLowerCase() } $('.js-download').bind('touchstart touchon click',function (event) { if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ if (browser.versions.android) { window.location.href = '链接1'; } else if(browser.versions.ios) { window.location.href = '链接2'; } } })
|
好用的轮播插件:SuperSlide手机端可用同一作者的TouchSlide
当轮播需要根据条数自动分页时,可以这样写
1 2 3
| jQuery(".slideTxtBox .bd li").each(function(i){ jQuery(".slideTxtBox .bd li").slice(i*9,i*9+9).wrapAll( '<ul class="list-inline"></ul>');}); jQuery(".slideTxtBox").slide({titCell:".hd ul",autoPage:true});
|
前端常用验证知乎专栏