jquery实现不同大小浏览器使用不同的css样式表的方法
该方法支持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());
});
});
以上代码经过测试可用!!
相关推荐
-
jQuery CSS()方法改变现有的CSS样式
jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456'); //选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果需要改变多个样式
-
jQuery CSS()方法改变现有的CSS样式表
使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456'); //选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果需要改变多个样式属性,可先定义属性变量
-
jQuery操作元素css样式的三种方法
我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句话 - "jQuery让JavaScript代码变得简洁!" 1. addClass() - 添加CSS类 $("#target").addClass(&q
-
jQuery修改class属性和CSS样式整理
class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改"class"属性,也可以用addClass(), rem
-
jquery 操作css样式、位置、尺寸方法汇总
一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称 示例: 复制代码 代码如下: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个"名/值对"对象设置为所有匹配元素的样式属性.这是一种在所有匹配的元素上设置大量样式属性的最佳方式. 返回值 jQuery 参数 properti
-
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
jquery控制CSS样式,并且取消Css样式(如背景色) $("#tab1").css("background-color", ""); $("#" + left_tabid).css("background-color", "#025891");
-
jQuery 改变CSS样式基础代码
其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开.比如我们要改变链接颜色,我们可以使用下面的代码: 复制代码 代码如下: $("#61dh a").css('color','#123456'); //这里选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性,我们可以先定义属性变量,然后直接赋值给css()方法.示
-
JQuery中操作Css样式的方法
复制代码 代码如下: //1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性. //2.追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3.移除
-
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示[#ffff00],而IE10,.Chrome.Firefox中则是以GRB格式显示[rgb(255,0,0)],由于需要对颜色值进行判断处理,所以需要得到统一的颜色格式,最好是HEX格式的,方便处理点.搜索了一下,从国外的一个网站上得到一段代码: 复制代码 代码如下: $.fn.getHexBackgroundColor = function() { var rgb
-
jQuery toggle()设置CSS样式
toggle() 切换元素的可见状态. 如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. --------------------------------- 示例 切换所有段落的可见状态. HTML 代码: <p>Hello</p><p style="display: none">Hello Again</p> jQuery 代码: $("p").toggle() 结果: <p tyle=&quo
-
JQuery CSS样式控制 学习笔记
jQuery 就不多说了,这是JS的一个函数库,比较常用,我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css("name","value") $(selector).css({properties}) $(selector).css(name) $(selector).css("name","value")为所有元素给定CSS属性设置值: 下面看我刚写的代码 复制代码 代码如下: <h
-
JQuery操作元素的css样式
我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元 素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能, 虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句 话 – "jQuery让JavaScript代码变得简洁!" 1. addClass() – 添加CSS类 复制代码 代码如下: $("#target"
随机推荐
- js/jQuery对象互转(快速操作dom元素)
- PHP开发者常犯的10个MySQL错误更正剖析
- Android获取验证码倒计时显示效果
- JavaScript新增样式规则(推荐)
- JavaScript具有类似Lambda表达式编程能力的代码(改进版)
- Linux进程间通信--使用信号
- 在WINXP下建立VPN服务器的方法
- 读取带敏感字符的行的批处理
- Python+Socket实现基于UDP协议的局域网广播功能示例
- MySQL配置文件无法修改的解决方法(Win10)
- 学习JavaScript设计模式(单例模式)
- Java单例模式简单介绍
- javascript与CSS复习(三)
- Install ESX Server 3.5/3i onto ESX Server安装方法
- Android编程实现滑动按钮功能详解
- Swift利用CoreData实现一个上班签到的小工具
- pycharm在调试python时执行其他语句的方法
- vue使用vuex实现首页导航切换不同路由的方法
- 使用TensorFlow实现简单线性回归模型
- CentOS7中配置Docker的yum源并安装使用详解