.
onclick. HTML-, , . , . onMouseOver. onMouseOut .
onMouseDown OnMouseUp . .
, , , . JavaScript . ( 2.1) , .
2.1.
<HTML>
<BODY>
<P align=right ID='alfa'
onMouseOver="document.all.alfa.align='center'
"onMouseOut="this.align='left'">
onMouseOver onMouseOut </p>
</body>
</html>
2.1
2.1 , <P> </p>. , P, BODY. , P, <P >.
. . , . all, Internet Explorer 6.0 Mozilla Firefox 2.0. this .
, <SCRIPT> </script>. 2.2 onMouseOver onMouseOut : .
2.2
<HTML>
<P align=right ID='alfa' onMouseOver="M_Over()"
onMouseOut="M_Out()">
onMouseOver</p>
<SCRIPT>
function M_Over()
{ document.all.alfa.align='center'
document.all.alfa.style.color='FF00FF'
}
function M_Out()
{ document.all.alfa.align='left'
document.all.alfa.style.color='0000FF'
}
</script>
</html>
|
|
2.2
2.1. HTML-, :
- ٸ
- ,
. :
- 48pt;
- ;
- .
.
, . , .
, .
- , , . , , . , , . ( 2.3), , .
2.3
<HTML>
<HEAD>
<TITLE> </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<STYLE>H1 {color:FF00FF} #k1{position:absolute; left:50;top:200;
width:300; height:100;background-color:blue}
#k2{position:relative;
left:50;top:25; width:200; height:50;}
</STYLE></HEAD> <BODY ID="B" bgcolor="AAAAAA"
onclick="rodEl()">
<H1 ID="HH" ></H1> <DIV ID="k1" >
<DIV ID="k2">
</div>
</div>
</BODY>
<SCRIPT> /*
*/
function rodEl()
{ var e=window.event
id1=e.srcElement.id
switch(id1)
{ case "k1":
//
z=document.getElementById(id1).style.backgroundColor
if(z!="red")z="red"
else
z="green" document.getElementById(id1).style.backgroundColor=z
break
case "k2":
//
z=document.getElementById(id1).style.backgroundColor
if(z!="#00ffff"){z="#00ffff"} else{z="FF00FF"}
document.getElementById(id1).style.backgroundColor=z
break
case "B": //
document.getElementById(id1).bgColor="777777"
break
case "HH": // ""
document.getElementById(id1).style.color= "AA00AA"
}
}
</SCRIPT>
</HTML>
2.3
2.3 H1 DIV BODY. <BODY> rodEl(), onclick.
|
|
event, window. srcElement, . srcElement.Id : Id , . , srcElement , Internet Explorer, .
Id , , Switch . , .
2.3 , , CSS.
2.2. . , . . .