Javascript kan ändra överlappande uppgifter formatmall på en webbsida , vilket gör att utseendet eller text på en sida för att ändra baserat på användarens input . Ett exempel på detta är en HTML , stil och JavaScript demonstration som gör en röd skiva som ska flyttas runt på sidan på ett slumpmässigt sätt som muspekaren är placerad på det . För att uppnå detta är de positionella attributen på skivan ändras, eftersom musen över händelser inträffar. . ! Instruktioner
1
Skriv dokumentets sidhuvud kod
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html content = " text /html ; charset = utf - 8 " . http - ekv = " Content - Type " />
2
Skriv dokument stil kod
< stil typ = " text /css " >
# cirkel
{
position: absolute ;
z - index : 1 ;
synlighet : synlig ;
width : 5.0em ;
höjd : 5.0em ;
top : 7.0em ;
vänster : 0.5em ;
border : 2px solid # ccc ;
- moz - border - radius : 3.5em ;
- webkit - border - radius : 3.5em ;
text - align : center ;
padding : 1.0em ;
bakgrund : röd ;
}
p {
font - storlek : 1.2em ;
font -weight : 900 ;
color: # FFFFFF ;
}
< /style >
Billiga 3
Skriv dokument javascript -kod
