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 有趣而诡异的数组
Apr 06 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
Sep 04 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
vue修改对象的属性值后页面不重新渲染的实例
Aug 09 Javascript
原生JS使用Canvas实现拖拽式绘图功能
Jun 05 Javascript
解决vue打包后vendor.js文件过大问题
Jul 03 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 Javascript
vue中的计算属性和侦听属性
Nov 06 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
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
2017/05/22 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
Python struct.unpack
2008/09/06 Python
python中stdout输出不缓存的设置方法
2014/05/29 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
python实现Virginia无密钥解密
2019/03/20 Python
python分数表示方式和写法
2019/06/26 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
使用python脚本自动创建pip.ini配置文件代码实例
2019/09/20 Python
学python安装的软件总结
2019/10/12 Python
python实现数字炸弹游戏
2020/07/17 Python
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
Shopping happy life西班牙:以最优惠的价格提供最好的时尚配饰
2020/03/13 全球购物
说明书格式及范文
2014/05/07 职场文书
考试诚信承诺书
2014/05/23 职场文书
代理词怎么写
2015/05/25 职场文书
七年级话题作文之执着
2019/11/19 职场文书
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL