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 相关文章推荐
Javascript String.replace的妙用
Sep 08 Javascript
加载jQuery后$冲突的解决办法
Jul 09 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
javascript快速排序算法详解
Sep 17 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
jQuery对象的selector属性用法实例
Dec 27 Javascript
jquery插件ajaxupload实现文件上传操作
Dec 09 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 Javascript
Vue中强制组件重新渲染的正确方法
Jan 03 Vue.js
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
深入解读php中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
浅谈PHP中JSON数据操作
2015/07/01 PHP
Javascript原型链和原型的一个误区
2014/10/22 Javascript
js与jquery分别实现tab标签页功能的方法
2016/11/18 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
JavaScript设计模式之责任链模式实例分析
2019/01/16 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
Python中捕获键盘的方式详解
2019/03/28 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
python中的unittest框架实例详解
2021/02/05 Python
戴尔美国官网:Dell
2016/08/31 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
大学生收银员求职信分享
2014/01/02 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
安全大检查实施方案
2014/02/22 职场文书
绿化工程实施方案
2014/03/17 职场文书
努力学习演讲稿
2014/05/10 职场文书
诉讼财产保全担保书
2014/05/20 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
初婚初育证明范本
2015/06/18 职场文书
社区志愿服务活动感想
2015/08/07 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
pandas提升计算效率的一些方法汇总
2021/05/30 Python
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python