当前位置:小鱼儿玄机二站 > 计算机网络 > jquery完成差别尺寸浏览器选用分歧的css样式表的

jquery完成差别尺寸浏览器选用分歧的css样式表的

文章作者:计算机网络 上传时间:2019-09-11

该形式协理IE浏览器和另外浏览器。

1、首先定义八个link,当然你也能够是二个,第4个是要改变的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());
    });
});

如上代码通过测量检验可用!!

你也许感兴趣的篇章:

  • JQuery CSS样式控制学习笔记
  • jQuery toggle()设置CSS样式
  • jQuery 更换CSS样式基础代码
  • jQuery获取CSS样式中的颜色值的标题,差别浏览器格式分化的化解办法
  • 哪些运用jquery调节CSS样式,并且撤销Css样式(如背景观,有实例)
  • JQuery中操作Css样式的不二秘技
  • jQuery操作成分css样式的二种方法
  • jQuery CSS()方法更动现成的CSS样式
  • jQuery CSS()方法更改现成的CSS样式表
  • jquery 操作css样式、地点、尺寸方法汇总
  • jQuery修改class属性和CSS样式整理
  • JQuery操作成分的css样式

本文由小鱼儿玄机二站发布于计算机网络,转载请注明出处:jquery完成差别尺寸浏览器选用分歧的css样式表的

关键词: