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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
jquery isType() 类型判断代码
Feb 14 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
原生js实现轮播图
Feb 27 Javascript
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
layui清空,重置表单数据的实例
Sep 12 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 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
短波问题解答
2021/02/28 无线电
php中目录,文件操作详谈
2007/03/19 PHP
PHP中基本符号及使用方法
2010/03/23 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
基于jquery实现简单的分页控件
2016/03/17 Javascript
关于js原型的面试题讲解
2016/09/25 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
Python使用三种方法实现PCA算法
2017/12/12 Python
浅谈利用numpy对矩阵进行归一化处理的方法
2018/07/11 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
解决PyCharm IDE环境下,执行unittest不生成测试报告的问题
2020/09/03 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
中国宠物用品商城:E宠商城
2016/08/27 全球购物
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
linux面试相关问题
2012/08/11 面试题
建筑系毕业生自我鉴定
2014/01/24 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
本科应届生自荐信
2014/06/29 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
八项规定整改方案
2014/10/01 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
校长个人总结
2015/03/03 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python