CSS是一種用來美化網頁的樣式表語言,常常用來改變網頁上一些元素的樣式。在CSS中,我們也可以很容易地使用單擊事件來改變元素的樣式。
首先,在CSS中我們可以使用:hover偽類來表示當鼠標懸停在元素上時應用的樣式。例如:
.btn:hover { background-color: #FF9900; color: #FFFFFF; }
上面的代碼表示當鼠標懸停在class為"btn"的元素上時,背景顏色將變成#FF9900,文字顏色將變成#FFFFFF。
類似地,我們也可以使用jQuery來添加單擊事件來改變元素的樣式。例如:
$('.btn').click(function() { $(this).addClass('active'); });
上面的代碼表示當class為"btn"的元素被單擊后,會添加class為"active"的樣式。
使用CSS和jQuery,我們可以很容易地在網頁上添加單擊事件來改變元素的樣式,從而讓網頁更加生動、有趣。
上一篇css 單詞間隔
下一篇css 單選框 梅花