Designing solutions through programming - January 12 2017 Lesson Notes: Difference between revisions
Mr. MacKenty (talk | contribs) |
Mr. MacKenty (talk | contribs) |
||
Line 29: | Line 29: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<syntaxhighlight lang='html' line='line'> | |||
<!DOCTYPE html> | |||
<html> | |||
<body> | |||
<p>This example demonstrates how to assign an "onmouseover" and "onmouseout" event to a h1 element.</p> | |||
<h1 id="demo" onmouseover="mouseOver()" onmouseout="mouseOut()">Mouse over me</h1> | |||
<script> | |||
function mouseOver() { | |||
document.getElementById("demo").style.color = "red"; | |||
} | |||
function mouseOut() { | |||
document.getElementById("demo").style.color = "black"; | |||
} | |||
</script> | |||
</body> | |||
</html> | |||
</syntaxhighlight> | |||
</td> | </td> |
Revision as of 11:22, 12 January 2017
|
|
|
|
||
|
|
|
|