当前位置:  编程技术>WEB前端

jquery实现不同大小浏览器使用不同的css样式表的方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  该方法支持IE浏览器和其他浏览器。 1、首先定义两个link,当然你也可以是一个,第二个是要更改的css 代码如下:2、下面的JavaScript代码将根据不同的浏览器大小,更改css 代码如下:function adjustStyle(width) {     width = parseInt(width); ...

该方法支持IE浏览器和其他浏览器。

1、首先定义两个link,当然你也可以是一个,第二个是要更改的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", "");
       document.write("css/style.css")
    }
}
$(function() {
    adjustStyle($(this).width());
    $(window).resize(function() {
        adjustStyle($(this).width());
    });
});

以上代码经过测试可用!!

    
 
 

您可能感兴趣的文章:

  • jquery 设置文本框、密码框获得焦点时的样式
  • jQuery样式插件 jqTransform
  • textarea显示成label的样式 jquery实例
  • JQuery如何为元素添加样式
  • jquery获取样式中background-color颜色值
  • jquery 获取dom固定元素 添加样式的简单实例
  • jQuery CSS()方法改变现有的CSS样式
  • jquery css方法改变css样式用法介绍
  • 浅析JQuery UI Dialog的样式设置问题
  • jQuery操作元素css样式的三种方法
  • JQuery中操作Css样式的方法
  • jquery操作css样式表文件的方法详解
  • jQuery操作元素css样式三种方法示例
  • Jquery 修改class样式的代码示例
  • jquery 动态添加、删除class样式的方法
  • JQuery结合CSS操作打印样式的方法
  • jQuery文件浏览器插件 jQuery File Tree
  • jquery检测浏览器名称和版本信息的例子
  • jquery判断浏览器后退时候弹出消息的方法
  • jquery浏览器判断函数代码
  • Jquery 获取浏览器的宽度与高度
  • jquery判断浏览器后退时弹出消息的例子
  • 浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
  • jquery判断浏览器类型($.browser用法)
  • jquery代码-如何检测各种浏览器
  • Jquery $.browser判断浏览器信息的方法介绍
  • jquery代码:多浏览器捕捉回车事件
  • JQuery判断浏览器类型与版本
  • jquery判断浏览器版本示例
  • jquery与js判断浏览器版本
  • jquery1.9 下检测浏览器类型和版本的方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery窗口大小调整插件 ResizeEnd
  • JQuery获取上传文件大小(示例)
  • jquery判断上传文件类型与限制文件大小
  • jquery更换文章内容与改变字体大小的实现代码
  • jQuery 计算iframe 窗口大小的方法
  • jQuery字体大小切换的实现代码
  • jquery加载图片自适应大小的代码
  • jQuery动态改变图片显示大小(示例代码)
  • jquery 控制页面字体大小的实例代码
  • jQuery之字体大小的设置方法
  • jquery预览图片实现鼠标放上去显示实际大小
  • JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
  • JQuery 实时改变网页字体大小的代码
  • jQuery动态改变图片显示大小(修改版)的实现思路及代码
  • jquery实现的随机多彩tag标签随机颜色和字号大小效果
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • 操作系统 iis7站长之家
  • jQuery的气泡提示插件 jquery.ns_bub.js


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3