Javascript s getElementById ( ) metoden kan programmerare inspektera och modifiera interna rörsystemet på en webbsida . Denna metod har tillgång till programmeringsgränssnitt på en webbsida kallas Document Object Model eller DOM . Med getElementById ( ) , kan programmeraren ändra de flesta HTML ( HyperText Markup Language ) Information tag styling - inklusive bakgrundsbilder . Den JavaScript händelsen funktioner onMouseOver ( ) och onMouseOut ( ) svara på musens rörelser över HTML-element genom att utlösa exekvering av JavaScript uttalanden . HTML-taggarna ska vara märkta med ett unikt ID så getElementById ( ) metoden kan hitta och ändra dem . Saker du behöver
Text Redaktör Två samma storlek bakgrundsbilder , GIF, PNG eller JPG
Visa fler instruktioner
1
Starta textredigerare som kom med din dator .
2
Skriv följande kod i textredigeraren . Ersätt bilden namnen " image1.jpg " och " Image2.jpg " med namn och format på dina filer bakgrundsbild. Justera bildstorleken i " mydiv " Cascading Style Sheet också .
< Style type = " text /css " > < - AktieTorget
mydiv {
background- image ! . : type = " text /javascript " >
funktion changeimage ( linknumber ) katalog
{
var changeimageback ( linknumber ) katalog
{
var id = " mydiv1 " class = " mydiv " onMouseOver = " changeimage ( '1 '); " onMouseOut = " changeimageback ( '1' ) " > Link 1 < /div >
