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 Math.random()随机数函数
Nov 04 Javascript
JavaScript DOM 学习第二章 编辑文本
Feb 19 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
JQuery UI的拖拽功能实现方法小结
Mar 14 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
Jun 18 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
Nov 25 Javascript
浅谈javascript六种数据类型以及特殊注意点
Dec 20 Javascript
jQuery判断元素是否存在的可靠方法
May 06 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
node.js 如何监视文件变化
Sep 01 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
php 处理上百万条的数据库如何提高处理查询速度
2010/02/08 PHP
PHP依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
试用php中oci8扩展
2015/06/18 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
php实现生成验证码实例分享
2016/04/10 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
YII框架关联查询操作示例
2019/04/29 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
原生js 秒表实现代码
2012/07/24 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
2013/04/16 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
Javascript中的Callback方法浅析
2015/03/15 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
2016/06/13 Javascript
简单实现node.js图片上传
2016/12/18 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
Python lxml模块安装教程
2015/06/02 Python
python创建临时文件夹的方法
2015/07/06 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
说出数据连接池的工作机制是什么?
2013/04/19 面试题
某个公司的Java笔面试题
2016/03/11 面试题
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
幼儿园中班教育随笔
2015/08/14 职场文书
车间班组长竞聘书
2015/09/15 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers