利用滑鼠onclick功能對HTML中特定文字進行修改文字以及CSS樣式修改。

先來看看點擊按鈕前的內容及樣式

點擊button後修改的內容及樣式

這次練習有個小突破,蠻值得開心一百次!!!

對於同一個要修改的id,真的不需要寫兩次。

如下,經過onclick後我們希望蔣文本的文字修改內容,已經將顏色改為藍色

只需要在原本要修改的指令後加上逗號就可以對同一個ID進行其他指令修改。

如圖第一個紅框,將兩個修改的指令分開。

如圖第二個指令,對相同的ID進行兩個不同的指令。

不曉得這類的指令適不適用在圖片的切換,且可以將兩張不同的圖片經由點擊切換。

下次來試試看

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 A&B 的頭像
    A&B

    網頁前端新手上路辛酸史

    A&B 發表在 痞客邦 留言(0) 人氣()