html點擊行換顏色(html點擊按鈕來回改變顏色)
* mozilla firefox * mozselection backgroundlightblue 說明1moz屬性前綴是個火狐瀏覽器用的,而基本的selection選擇器是給谷歌瀏覽器用的2background后面可以直接使用顏色值如selection background#ffff00 另外跟其它CSS選擇器的用法一樣,也可以嵌套使用。
1建立一個靜態(tài)頁命名為changehtml ,標題為js導(dǎo)航點擊的怎么同時變圖片跟字體顏色2設(shè)置一個簡易的導(dǎo)航欄3加css 控制菜單的樣式,并加入背景圖片4為li添加id,創(chuàng)建函數(shù)fun ,并傳遞傳遞參數(shù)5為函數(shù)加入點擊導(dǎo)航改變背景圖片的代碼=quoturlimagesbg2png。
ltstyle type=quottextcssquot aactive colorFFFFFF alink colorFFFF00 avisited colorFF0000 ahover color ltstyle lt!內(nèi)聯(lián)樣式表結(jié)束 lthead 在lthead和lthead之間加入一個鏈接的樣式表,給它們設(shè)定不同的顏色就可以了。
*訪問過后* *一般不設(shè)置visited* *avisited* *color black* ** ltstyleltheadltbodylta href=quot#quot顏色ltaltbodylthtml效果一開始是藍色的,因為link是沒有被點擊之前的顏色,他會覆蓋默認顏色鼠標移上去是綠色 點擊訪問之后是紅色如果你。
通過鼠標移入方法和鼠標移出方法,設(shè)置相應(yīng)的樣式即可。
加到你的CSS樣式表里\x0d\x0abodycolor#顏色代碼!important*設(shè)置全局沒鏈接的文字顏色*\x0d\x0aalinkcolor#顏色代碼!important*設(shè)置全局未點擊鏈接的顏色*\x0d\x0aavisitedcolor#顏色代碼!important*設(shè)置全局被點擊后的鏈接顏色*\x0d\x0aahovercolor#顏色代碼!impo。
ltbody lthtml 在上面的代碼中,我們首先定義了一個顏色數(shù)組 colors,其中包含了要變換的顏色然后,我們使用 addEventListener 方法為“更改背景顏色”按鈕添加了點擊事件監(jiān)聽器當(dāng)用戶點擊該按鈕時,會調(diào)用回調(diào)函數(shù),并在函數(shù)內(nèi)部調(diào)用 setInterval 方法。
#39td#39clickfunction if $thiscss#39backgroundcolor#39 === #39rgb255, 0, 0#39 thiscss#39backgroundcolor#39, #39white#39 else thiscss#39backgroundcolor#39, #39red#39 3瀏覽器運行indexhtml頁面,點擊td,背景顏色變?yōu)榧t色4再次點擊td,背景。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。