Jquery 使用addClass()与removeClass()来动态的添加或移出一个css 类,例如:
站在用户的角度思考问题,与客户深入沟通,找到镇康网站设计与镇康网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计、成都网站设计、企业官网、英文网站、手机端网站、网站推广、空间域名、虚拟空间、企业邮箱。业务覆盖镇康地区。
1.$(“#para1”).addClass('highlight');添加一个“highlight”css 类给id为para1的元素。
2.$(‘#para1’).removeClass(‘'highlight');从id为para1的元素中移出一个‘highlight’css类。
具体实例代码如下:
html
head
styletype="text/css"
.highlight {
background:green;
}
/style
scripttype="text/javascript"src="jquery-1.3.2.min.js"/script
/head
body
h1jQuery add / remove css class example/h1
pid="para1"This is paragraph 1/p
pThis is paragraph 2/p
pThis is paragraph 3/p
pThis is paragraph 4/p
buttonid="addClass"Add highlight/button
buttonid="removeClass"Remove highlight/button
scripttype="text/javascript"
$("#addClass").click(function () {
$('#para1').addClass('highlight');
});
$("#removeClass").click(function () {
$('#para1').removeClass('highlight');
});
/script
/body
/html
初始的效果:
点击 add highlight 后的效果图:
点击 remove highlight 后的效果图:
1、创建一个名称为css的html文件。
2、在页面中加入一个button按钮,当点击button的时候出发click事件。
3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。
4、文件引入jquery 库。
5、在文档准备方法中加入click点击事件。
6、在click事件中加入css方法设置div的背景色。
7、在浏览器中运行该文件。并点击button设置div的背景色。
//①首先要获得该元素背景图片的URL;
//②NEW一个图片对象
var bgimg = new Image();
//③给这个图片对象加上onload事件
bgimg.src = '该元素背景图片的URL';
bgimg.onload = function () {
//图片对象加载完成,对应的该元素背景图片也加载完成
}
加载css. js 也一样.
script
doucment.write("link rel='stylesheet' href='/fore/nec/css/base.css'")
/script
你说的将存在文件中的数据加载到页面中,也不是多大的问题.关键在于你要加载的文件是存储在客户端还是在服务端
$('.mr0').css({
color: '#39f',
width: '200px',
backGround: 'green'
});
样式的代码你自己修改一下就行了。