推薦使用js的經(jīng)典第三方庫jQuery,調(diào)用方便,代碼精簡:jquery中css()方法可以設(shè)置或返回被選元素的一個(gè)或多個(gè)樣式屬性,下面的例子將返回首個(gè)匹配元素的background-color值:$("p").css("background-color")下面的例子將設(shè)置所有匹配到元素的background-color為紅色:$("p").css("background-color","red")
創(chuàng)新互聯(lián),專注為中小企業(yè)提供官網(wǎng)建設(shè)、營銷型網(wǎng)站制作、自適應(yīng)網(wǎng)站建設(shè)、展示型成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)等服務(wù),幫助中小企業(yè)通過網(wǎng)站體現(xiàn)價(jià)值、有效益。幫助企業(yè)快速建站、解決網(wǎng)站建設(shè)與網(wǎng)站營銷推廣問題。
[img]1、簡單的方法,不管不顧,直接這樣就可以:
document.createStyleSheet().cssText
=
'標(biāo)簽{color:red;'
+
//
這個(gè)注釋只在當(dāng)前JS中幫助理解,并不會(huì)寫入CSS中
'width:300px;height:150px}'
+
'.類名{……}'
+
'#ID們{……}'
;
//完活。我喜歡分號這樣寫,和指令書寫的起始位置對齊比較好一點(diǎn),尤其是后面有其它語句的時(shí)候。
2、完善一點(diǎn)的方法,防止重復(fù)添加,可以通過添加樣式表ID并對其判斷來實(shí)現(xiàn):
if
(!document.styleSheets['要建立的樣式表ID如theforever'])
{
//先檢查要建立的樣式表ID是否存在,防止重復(fù)添加
var
ss
=
document.createStyleSheet();
ss.owningElement.id
=
'要建立的樣式表ID如theforever';
ss.cssText
=
'標(biāo)簽{display:inline-block;overflow:hidden;'
+
//
這個(gè)注釋只在當(dāng)前JS中幫助理解,并不會(huì)寫入CSS中
'text-align:left;width:300px;height:150px}'
+
'.類名{……}'
+
'#ID們{……}'
;
}
以上這篇用JavaScript動(dòng)態(tài)建立或增加CSS樣式表的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
之前在論壇上面看到論壇后臺(tái)可以把所有頁面的標(biāo)題,內(nèi)容,字體,背景,顏色等css屬性都列出來了,并且可以隨意重新設(shè)置,保存以后前臺(tái)頁面就可以根據(jù)設(shè)置動(dòng)態(tài)的更新顯示了,之前就有了一點(diǎn)想法,做了一個(gè)demo.jsp,然后在這個(gè)頁面引入一個(gè)style.css樣式文件,并且在這個(gè)樣式文件中定義了一些屬性,然后定義了一個(gè)java類來對應(yīng)樣式文件的屬性
網(wǎng)頁的動(dòng)態(tài)效果你說的這里的動(dòng)態(tài)效果是讓一個(gè)畫面或者文字動(dòng)一下吧?因?yàn)樵趯I(yè)里邊動(dòng)態(tài)是與數(shù)據(jù)庫連接的后臺(tái)的技術(shù)。
css是層疊樣式表,是不能夠?qū)崿F(xiàn)動(dòng)態(tài)效果的。但是可以讓某個(gè)畫面動(dòng),比如:
一個(gè)文字點(diǎn)擊的時(shí)候,變大的css代碼為:
a{font-size:12px;}??????/*這里文字默認(rèn)大小是12像素*/
a:hover{font-size:14px;}??????/*這里鼠標(biāo)經(jīng)過大小是14像素*/
上邊這個(gè)簡單的代碼就實(shí)現(xiàn)鼠標(biāo)經(jīng)過a的時(shí)候,文字變大,離開又恢復(fù)。
希望能幫到你