JS在網頁制作中的應用


1.制作幾個<div>,使其點擊是可以改變它的背景色,且只能改變一個背景色:

      這里運用到了一個新的屬性“this”,代表了它所在的標簽。這道題需要先將全部的div變回原來的顏色后,在使其點擊是改變顏色。

      如果要使它們全部可以在每點擊一下時改變顏色,就可以將全部變為原來的顏色這一步省略。

 

2.通過JS給標簽加如事件:

      它需要在設置函數的前面加上定義的該標簽的變量的,然后寫上該事件的觸發方式,即“a.onclick=”,表示a在點擊時觸發后面的函數,而這里面的“function”不需要寫函數名,稱為匿名函數。

      如果將上題變為同第一題一樣,則:

這樣就可以出現與第一題一樣的效果,其中只有元素才可以加入事件,所以不能直接使用d[i],而是使用“this”代替,這里面的“this”代表了當前元素。

 

3.用JS實現鼠標移上變色效果:

      這段函數在制作過程中要分為兩部分,鼠標移上時變色的效果和鼠標離開后恢復的效果。

      在鼠標移上效果中,也要實現移到一個上的時候變色,移到另一個前一個恢復,當前的變色的效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM