JavaScripts getElementById () metode kan programmører inspicere og ændre den interne VVS på en webside. Denne metode har adgang til application programming interface af en webside kaldet Document Object Model eller DOM. Med getElementById () , kan programmøren ændre de fleste HTML ( HyperText Markup Language) tag styling information - herunder baggrundsbilleder . JavaScript- begivenhed funktioner onMouseOver () og onMouseOut () reagere på bevægelsen af musen over HTML-elementer ved at udløse udførelsen af JavaScript udsagn. HTML-tags skal være mærket med et unikt id , så getElementById () metode kan finde og ændre dem. Ting du skal
Text editor
To samme størrelse baggrundsbilleder , GIF, PNG eller JPG
Vis Flere Instruktioner
1
Start teksteditoren , der kom med din computer.
2
Indtast følgende kode i teksteditoren. Udskift billednavne " image1.jpg " og " image2.jpg " med navne og formatet af dit baggrundsbillede filer. Juster billedstørrelser i " mydiv " Cascading Style Sheet så godt.
< Style type = "text /css "> <-
mydiv {
background- image! . : type = "text /javascript " >
funktion changeimage ( linknumber )
{
var changeimageback ( linknumber )
{
var id = " mydiv1 " class = " mydiv " onMouseOver = " changeimage ( '1 '); " onMouseOut = " changeimageback ( '1') "> Link 1 < /div >
< /body>
< /html >
3
Klik på "File ", " Gem". Gem som " test.html ".
4
Start din browser. Klik på " File ", " Åbn fil ".
5
Find og åbn filen " test.html " du lige har oprettet .
6
Flyt musemarkøren over links til at teste baggrundsbilledet forandring.