1.制作幾個<div>,使其點擊是可以改變它的背景色,且只能改變一個背景色:
這里運用到了一個新的屬性“this”,代表了它所在的標簽。這道題需要先將全部的div變回原來的顏色后,在使其點擊是改變顏色。
如果要使它們全部可以在每點擊一下時改變顏色,就可以將全部變為原來的顏色這一步省略。
2.通過JS給標簽加如事件:
它需要在設置函數的前面加上定義的該標簽的變量的,然后寫上該事件的觸發方式,即“a.onclick=”,表示a在點擊時觸發后面的函數,而這里面的“function”不需要寫函數名,稱為匿名函數。
如果將上題變為同第一題一樣,則:
這樣就可以出現與第一題一樣的效果,其中只有元素才可以加入事件,所以不能直接使用d[i],而是使用“this”代替,這里面的“this”代表了當前元素。
3.用JS實現鼠標移上變色效果:
這段函數在制作過程中要分為兩部分,鼠標移上時變色的效果和鼠標離開后恢復的效果。
在鼠標移上效果中,也要實現移到一個上的時候變色,移到另一個前一個恢復,當前的變色的效果。