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 相关文章推荐
jquery构造器的实现代码小结
May 16 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
浅谈javascript的分号的使用
May 12 Javascript
php结合imgareaselect实现图片裁剪
Jul 05 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
详解JavaScript的BUG和错误
May 07 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 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以ROOT权限执行系统命令的方法
2011/02/10 PHP
PHP 第一节 php简介
2012/04/28 PHP
解析php类的注册与自动加载
2013/07/05 PHP
smarty内置函数section的用法
2015/01/22 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
2015/09/11 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
JS自定义滚动条效果
2020/03/13 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
Python单例模式实例分析
2015/01/14 Python
Python OS模块常用函数说明
2015/05/23 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
澳大利亚先进的皮肤和激光诊所购物网站:Soho Skincare
2018/10/15 全球购物
Android面试题附答案
2014/12/08 面试题
武汉高蓝德国际.net机试
2016/06/24 面试题
数据管理员的自我评价分享
2013/11/15 职场文书
4s店机修工岗位职责
2013/12/20 职场文书
自行车租赁公司创业计划书
2014/01/28 职场文书
教堂婚礼主持词
2014/03/14 职场文书
2015年春节标语口号
2014/12/09 职场文书
心灵捕手观后感
2015/06/02 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis