摘要:方法一改變外聯(lián)文件,這里不講這個(gè)。方法二通過改變來改變樣式,語法或者方法三使用,語法這個(gè)方法優(yōu)點(diǎn)可以這樣添加好幾個(gè)屬性。最后一個(gè)知識(shí)點(diǎn),就是有一張大圖,通過控制來實(shí)現(xiàn)顯示大圖的某一部分。可以用來制作動(dòng)畫。優(yōu)點(diǎn)是減少請求,缺點(diǎn)是定位麻煩。
方法一:改變外聯(lián)css文件,這里不講這個(gè)。
方法二:通過改變claaName來改變樣式,語法:
obj.className = "style2"; //或者 obj.setAttribute("class", "style2");
方法三:使用obj.style.cssTest,語法:
obj.style.cssText = " display:block; color:White;“
這個(gè)方法優(yōu)點(diǎn):
? ? ? ? ? ? ?可以這樣添加好幾個(gè)屬性。
缺點(diǎn):會(huì)把obj原來的cssText清掉,解決方案:使用累加,語法:
obj.style.cssText +=?" display:block; color:White;“
上面cssText累加的方法在IE中是無效的。
然而,可以在前面添加一個(gè)分號(hào)來解決這個(gè)問題:
?obj.style.cssText +=?" ; display:block; color:White;“
注意:如果前面有樣式表文件寫著 div { text-decoration:underline; },這個(gè)會(huì)被覆蓋嗎?不會(huì)!因?yàn)樗皇侵苯幼饔糜?HTML 元素的 style 屬性。
方法四: 使用obj.style.backgroundColor,語法:
obj.style.backgroundColor= "black";
注意:backgroundColor可以換成其他屬性,這里僅是示例,比如color,position等。
?
?
最后一個(gè)知識(shí)點(diǎn):css?Sprite,
就是有一張大圖,通過控制background-position來實(shí)現(xiàn)顯示大圖的某一部分。可以用來制作動(dòng)畫。這個(gè)大圖是作為background-image:。
優(yōu)點(diǎn)是減少http請求,缺點(diǎn)是定位麻煩。維護(hù)麻煩。
具體用法請移步:https://blog.csdn.net/u011349149/article/details/24181675
?
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/2157.html
摘要:具有相同的父元素,并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度,是大于零。元素的或被認(rèn)為是可見的,因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫本質(zhì)上還是JavaScript代碼,它只是對(duì)JavaScript語言進(jìn)行包裝處理,為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...
摘要:具有相同的父元素,并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度,是大于零。元素的或被認(rèn)為是可見的,因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫本質(zhì)上還是JavaScript代碼,它只是對(duì)JavaScript語言進(jìn)行包裝處理,為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...
摘要:缺乏高級(jí)編程特性影響同樣深遠(yuǎn),社區(qū)發(fā)展的預(yù)處理器能夠有效緩解,,,殊途同歸,異軍突起,基本實(shí)現(xiàn)變量嵌套變量混合擴(kuò)展和邏輯等。 前言 關(guān)注點(diǎn)分離(separation of concerns)原則多年來大行其道,實(shí)踐中一般將 HTML、CSS、JavaScript 分開編寫維護(hù),早期框架 angularjs 即是如此,直到 React 爭議中問世,引領(lǐng)關(guān)注點(diǎn)混合趨勢,驅(qū)使開發(fā)者重新審視 ...
摘要:預(yù)處理器可以讓你設(shè)置變量,并且在函數(shù)循環(huán)和數(shù)學(xué)操作等中使用。不同之處在于變量是運(yùn)行在瀏覽器中的動(dòng)態(tài)屬性,而預(yù)處理器變量會(huì)被編譯成普通的代碼。變量提供了更多可能性但這并不是說你需要在二者之間選擇其一你可以同時(shí)使用變量和預(yù)處理器變量的強(qiáng)大功能。 CSS預(yù)處理器,如Sass和Less,使得CSS代碼易于組織和維護(hù)。通過提供變量、混合、循環(huán)等特性,使得CSS具有動(dòng)態(tài)編寫的能力,從而減少重復(fù)性工...
摘要:預(yù)處理器可以讓你設(shè)置變量,并且在函數(shù)循環(huán)和數(shù)學(xué)操作等中使用。不同之處在于變量是運(yùn)行在瀏覽器中的動(dòng)態(tài)屬性,而預(yù)處理器變量會(huì)被編譯成普通的代碼。變量提供了更多可能性但這并不是說你需要在二者之間選擇其一你可以同時(shí)使用變量和預(yù)處理器變量的強(qiáng)大功能。 CSS預(yù)處理器,如Sass和Less,使得CSS代碼易于組織和維護(hù)。通過提供變量、混合、循環(huán)等特性,使得CSS具有動(dòng)態(tài)編寫的能力,從而減少重復(fù)性工...
閱讀 970·2022-06-21 15:13
閱讀 1855·2021-10-20 13:48
閱讀 1039·2021-09-22 15:47
閱讀 1373·2019-08-30 15:55
閱讀 3128·2019-08-30 15:53
閱讀 526·2019-08-29 12:33
閱讀 721·2019-08-28 18:15
閱讀 3467·2019-08-26 13:58