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样式基础代码
其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开.比如我们要改变链接颜色,我们可以使用下面的代码: 复制代码 代码如下: $("#61dh a").css('color','#123456'); //这里选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性,我们可以先定义属性变量,然后直接赋值给css()方法.示
-
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
jquery控制CSS样式,并且取消Css样式(如背景色) $("#tab1").css("background-color", ""); $("#" + left_tabid).css("background-color", "#025891");
-
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 toggle()设置CSS样式
toggle() 切换元素的可见状态. 如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. --------------------------------- 示例 切换所有段落的可见状态. HTML 代码: <p>Hello</p><p style="display: none">Hello Again</p> jQuery 代码: $("p").toggle() 结果: <p tyle=&quo
-
JQuery操作元素的css样式
我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元 素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能, 虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句 话 – "jQuery让JavaScript代码变得简洁!" 1. addClass() – 添加CSS类 复制代码 代码如下: $("#target"
-
JQuery CSS样式控制 学习笔记
jQuery 就不多说了,这是JS的一个函数库,比较常用,我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css("name","value") $(selector).css({properties}) $(selector).css(name) $(selector).css("name","value")为所有元素给定CSS属性设置值: 下面看我刚写的代码 复制代码 代码如下: <h
-
jQuery CSS()方法改变现有的CSS样式
jQuery入门实例:使用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 CSS()方法改变现有的CSS样式表
使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456'); //选择器'$("#61dh a")'表示ID为'#61dh'的元素下的所有链接. //.css('color','#123456');表示把颜色设为'#123456' 如果需要改变多个样式属性,可先定义属性变量
-
jquery 操作css样式、位置、尺寸方法汇总
一.CSS 1.css(name) 访问第一个匹配元素的样式属性. 返回值 String 参数 name (String) : 要访问的属性名称 示例: 复制代码 代码如下: $("p").css("color"); //取得第一个段落的color样式属性的值 2.css(properties) 把一个"名/值对"对象设置为所有匹配元素的样式属性.这是一种在所有匹配的元素上设置大量样式属性的最佳方式. 返回值 jQuery 参数 properti
-
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样式中的颜色值的问题,不同浏览器格式不同的解决办法
使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示[#ffff00],而IE10,.Chrome.Firefox中则是以GRB格式显示[rgb(255,0,0)],由于需要对颜色值进行判断处理,所以需要得到统一的颜色格式,最好是HEX格式的,方便处理点.搜索了一下,从国外的一个网站上得到一段代码: 复制代码 代码如下: $.fn.getHexBackgroundColor = function() { var rgb
随机推荐
- Gird组件 Part-3:范例RSSFeed Viewer
- 一些很恶作剧的vbs程序代码
- 基于jquery编写分页插件
- Bootstrap基本组件学习笔记之input输入框组(9)
- 推荐一款PHP+jQuery制作的列表分页的功能模块
- newtonsoft.json解析天气数据出错解决方法
- Mysql使用索引实现查询优化
- 利用了jquery的ajax实现二级联互动菜单
- Linux Shell 脚本编程入门教程
- ORACLE实例的后台进程
- 深入mysql主从复制延迟问题的详解
- 安装linux后 如何安装win2000?
- 多引号嵌套的变量命名的问题
- C#实现JSON字符串序列化与反序列化的方法
- python3实现公众号每日定时发送日报和图片
- java Timer测试定时调用及固定时间执行代码示例
- Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
- PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
- 泛谈JS逻辑判断选择器 || &&
- 详解PyTorch手写数字识别(MNIST数据集)