| Revision as of 02:29, 3 February 2012 Armorwraith (Talk | contribs) ← Previous diff |
Revision as of 02:42, 3 February 2012 Armorwraith (Talk | contribs) Next diff → |
||
| Line 1: | Line 1: | ||
| + | function hightlight(index) | ||
| + | { | ||
| + | var text = document.getElementById("textspan" + index); | ||
| + | text.style.color = "orange"; | ||
| + | } | ||
| + | function removehightlight(index) | ||
| + | { | ||
| + | var text = document.getElementById("textspan" + index); | ||
| + | text.style.color = "white"; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | ============================== | ||
| + | |||
| + | |||
| + | <html> | ||
| + | <head> | ||
| + | <meta charset=utf-8 /> | ||
| + | <title>Test Page</title> | ||
| + | <style> | ||
| + | article, aside, figure, footer, header, hgroup, | ||
| + | menu, nav, section { display: block; } | ||
| + | body { | ||
| + | font-family: verdana; | ||
| + | } | ||
| + | p { | ||
| + | margin: 0px; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div> | ||
| + | <a href="#" class="btn-list"><span id="textspan1" onmouseover="hightlight(1)" onmouseout="removehightlight(1)">accessory</span><br /></a> | ||
| + | |||
| + | </div> | ||
| + | <div> | ||
| + | |||
| + | <a href="#" class="btn-list"><span id="textspan1" onmouseover="hightlight(1)" onmouseout="removehightlight(1)">/accessory</span><br /></a> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
function hightlight(index) {
var text = document.getElementById("textspan" + index);
text.style.color = "orange";
} function removehightlight(index) {
var text = document.getElementById("textspan" + index);
text.style.color = "white";
}
<html>
<head>
<meta charset=utf-8 />
<title>Test Page</title>
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
body {
font-family: verdana;
}
p {
margin: 0px;
}
</style> </head> <body>
<a href="#" class="btn-list">accessory
</a>
<a href="#" class="btn-list">/accessory
</a>
</body> </html>
