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数组定义方法
Sep 10 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
js创建对象的方式总结
Jan 10 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
Oct 22 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
浅谈js常用内置方法和对象
Sep 24 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
Apr 22 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
Dec 09 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 07 Javascript
javascript操作元素的常见方法小结
Nov 13 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 版本]
2007/03/20 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
分享8个最佳的代码片段在线测试网站
2013/06/29 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
浅谈PHP实现大流量下抢购方案
2017/12/15 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
理解JavaScript的prototype属性
2012/02/11 Javascript
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
JS三级可折叠菜单实现方法
2016/02/29 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
python写入xml文件的方法
2015/05/08 Python
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Python实现将HTML转成PDF的方法分析
2019/05/04 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
物流业务员岗位职责
2014/02/08 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
美术课外活动总结
2014/07/08 职场文书
2014年财务工作自我评价
2014/09/23 职场文书
交通事故协议书范本
2016/03/19 职场文书
nginx反向代理配置去除前缀案例教程
2021/07/26 Servers