建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 网页制作 > Javascript/Ajax

根据设备访问调用css文件

来源:  时间:2019-05-11 13:28:25
<script>
  function loadCSS() {
  if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {
  document.write('<link href="phone.css" rel="stylesheet" type="text/css" media="screen" />');
  }
  else {
  document.write('<link href="pc.css" rel="stylesheet" type="text/css" media="screen" />');
   
  }
  }
  loadCSS();
  window.onload = function(){
  menuFixed('mydiv');
  }
   
  function menuFixed(id){
  var obj = document.getElementById(id);
  var objHeight = obj.offsetTop;
  var moreobj = document.getElementById("more");//获取查看更多的高度
  var moreHeight = moreobj.offsetTop;
   
  window.onscroll = function(){
  var obj = document.getElementById(id);
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  if(scrollTop < objHeight || scrollTop > moreHeight){
  obj.style.position = 'relative';
  obj.style.left = '0px';
  }else{
  obj.style.position = 'fixed';
  if(!(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {
  obj.style.left = '88px';
  obj.style.width = '770px';
  }else{
  obj.style.width = '100%';
  }
   
   
  }
  }
  }
  function changeBtn(){
   
  var dom2 = document.getElementById('phoneBtn');
  //判断dom2上是否有这个类 is('')
  if($(dom2).is('.btn2')){
  //如果有的修改类的状态
   
  $(dom2).removeClass('btn2')
  $(dom2).addClass('btn1');
  $("#phoneDiv").hide();
   
  } else {
  //如果没有的话修改类的状态
   
  $(dom2).removeClass('btn1')
  $(dom2).addClass('btn2');
  $("#phoneDiv").show();
  }
  }
  </script>

责任编辑:

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2019, JZREAD.COM, Inc. All Rights Reserved
皖ICP备09015033号