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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
基于jquery的跨域调用文件
Nov 19 Javascript
javascript smipleChart 简单图标类
Jan 12 Javascript
数组方法解决JS字符串连接性能问题有争议
Jan 12 Javascript
jquery图片上下tab切换效果
Mar 18 Javascript
删除条目时弹出的确认对话框
Jun 05 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
Bootstrap轮播插件使用代码
Oct 11 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 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网站提速三大“软”招
2006/10/09 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
jquery判断密码强度的验证代码
2020/04/22 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
vue-router单页面路由
2017/06/17 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
JavaScript自执行函数和jQuery扩展方法详解
2017/10/27 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
用python写的一个wordpress的采集程序
2016/02/27 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
Python全栈之列表数据类型详解
2019/10/01 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
详解vscode实现远程linux服务器上Python开发
2020/11/10 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
给导游的表扬信
2014/01/10 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
中学生操行评语大全
2014/04/24 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
银行招聘自荐信
2015/03/06 职场文书
留学推荐信英文范文
2015/03/26 职场文书
负责培养人意见
2015/06/05 职场文书
民主生活会主持词
2015/07/01 职场文书
分享15个Webpack实用的插件!!!
2021/03/31 Javascript
详细谈谈JavaScript中循环之间的差异
2021/08/23 Javascript
JavaScript实现音乐播放器
2022/08/14 Javascript