liyinSakura


稻花香里说丰年,听取人生经验。


常用js代码

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, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
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/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
qq: u.match(/\sQQ/i) == " qq" //是否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});

前端常用验证知乎专栏