码迷,mamicode.com
首页 > 移动开发 > 详细

ul li 切换 判断手机

时间:2015-09-02 17:14:00      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

$(function(){  
       var spans= $("ul > li ").click(function(){
            $(this).parent().children().removeClass("tabs-selected");  
            $(this).addClass("tabs-selected");  
            })
        });

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <script type="text/javascript" src="WebContent/js/jquery.min.js"></script>
</head>

<body>
<p>Loading ...</p>
<form id="form1" name="form1" action="ShowLoginAction.do" method="post">
    <input type="hidden" id="type" name="type">
</form>
</body>
<script>
        var browsertype={ 
        versions:function(){ 
                var u = navigator.userAgent; 
                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.*/)||!!u.match(/AppleWebKit/), //是否为移动终端 
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 
                    android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器 
                    iPhone: u.indexOf(‘iPhone‘) > -1, //是否为iPhone或者QQHD浏览器 
                    mac:    u.indexOf(‘Mac‘) > -1,
                    iPad: u.indexOf(‘iPad‘) > -1, //是否iPad 
                    webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部 
                };
            }()
        };
        
        if((browsertype.versions.iPhone) || (browsertype.versions.android)){
            $("#type").val("mobile");
            //$("#type").val("pc");
            //location.href="ShowLoginAction.do?type=mobile";
        }else{
            $("#type").val("pc");
            //location.href="ShowLoginAction.do?type=pc";
        }
        $("#form1").submit();
</script>
</html>

 

ul li 切换 判断手机

标签:

原文地址:http://www.cnblogs.com/yaoyao66123/p/4779008.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!