jquery实现不同大小浏览器使用不同的css样式表的方法


Posted in Javascript onApril 02, 2014

该方法支持IE浏览器和其他浏览器。

1、首先定义两个link,当然你也可以是一个,第二个是要更改的css

<link rel="stylesheet" type="text/css" href="main.css" />
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" />

2、下面的JavaScript代码将根据不同的浏览器大小,更改css
function adjustStyle(width) { 
    width = parseInt(width); 
    if (width < 701) { 
        $("#css").attr("href", "css/narrow.css"); 
    } else if ((width >= 701) && (width < 900)) { 
        $("#css").attr("href", "css/medium.css"); 
    } else { 
       //$("#css").attr("href", "<?php bloginfo('stylesheet_url'); ?>"); 
       document.write("css/style.css")
    } 
} 
$(function() { 
    adjustStyle($(this).width()); 
    $(window).resize(function() { 
        adjustStyle($(this).width()); 
    }); 
});

以上代码经过测试可用!!
Javascript 相关文章推荐
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 Javascript
JavaScript实用技巧(一)
Aug 16 Javascript
JavaScript知识点总结之如何提高性能
Jan 15 Javascript
Javascript 5种方法实现过滤删除前后所有空格
Jun 22 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
如何在 Vue.js 中使用第三方js库
Apr 25 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
Vue获取页面元素的相对位置的方法示例
Feb 05 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 #Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 #Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 #Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 #Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 #Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 #Javascript
动态显示可输入的字数提示还可以输入的字数
Apr 01 #Javascript
You might like
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
资料注册后发信小技巧
2006/10/09 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP查找与搜索数组元素方法总结
2015/06/12 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
js调用flash的效果代码
2008/04/26 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
分享XmlHttpRequest调用Webservice的一点心得
2012/07/20 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
2013/11/18 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
JS中的eval 为什么加括号
2016/04/13 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
前端构建工具之gulp的配置与搭建详解
2017/06/12 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
汽车检测与维修专业求职信
2013/10/30 职场文书
项目专员岗位职责
2013/12/04 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
小学生操行评语大全
2014/04/22 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python