Jquery 使用addClass()與removeClass()來動態(tài)的添加或移出一個css 類,例如:
站在用戶的角度思考問題,與客戶深入溝通,找到鎮(zhèn)康網(wǎng)站設(shè)計與鎮(zhèn)康網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋鎮(zhèn)康地區(qū)。
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
初始的效果:
點(diǎn)擊 add highlight 后的效果圖:
點(diǎn)擊 remove highlight 后的效果圖:
1、創(chuàng)建一個名稱為css的html文件。
2、在頁面中加入一個button按鈕,當(dāng)點(diǎn)擊button的時候出發(fā)click事件。
3、在加入一個div設(shè)置寬和高還有背景色,當(dāng)button的click事件中用css方法修改該div背景色。
4、文件引入jquery 庫。
5、在文檔準(zhǔn)備方法中加入click點(diǎn)擊事件。
6、在click事件中加入css方法設(shè)置div的背景色。
7、在瀏覽器中運(yùn)行該文件。并點(diǎn)擊button設(shè)置div的背景色。
//①首先要獲得該元素背景圖片的URL;
//②NEW一個圖片對象
var bgimg = new Image();
//③給這個圖片對象加上onload事件
bgimg.src = '該元素背景圖片的URL';
bgimg.onload = function () {
//圖片對象加載完成,對應(yīng)的該元素背景圖片也加載完成
}
加載css. js 也一樣.
script
doucment.write("link rel='stylesheet' href='/fore/nec/css/base.css'")
/script
你說的將存在文件中的數(shù)據(jù)加載到頁面中,也不是多大的問題.關(guān)鍵在于你要加載的文件是存儲在客戶端還是在服務(wù)端
$('.mr0').css({
color:?'#39f',
width:?'200px',
backGround:?'green'
});
樣式的代碼你自己修改一下就行了。