<html>
<head>
<title>При наведении на ссылку вокруг нее активизируется текстовая анимация</title>
<SCRIPT language=JavaScript>
document.onmouseover = domouseover;
document.onmouseout = domouseout;
function ismsie4() {
if ((navigator.appName.indexOf("Internet Explorer") > -1) && (navigator.appVersion.indexOf("4") > -1)) { return true }
else { return false }
}
var linkTimeout = "";
function showArrow(activeArrowID, linkName) {
for (i=0;i<=2;i++) {
if (i == activeArrowID) {
document.all[linkName + "Arrow"][i].style.color = "white";
document.all[linkName + "Arrow"][5 - i].style.color = "white";
}
else {
document.all[linkName + "Arrow"][i].style.color = "";
document.all[linkName + "Arrow"][5 - i].style.color = "";
}
}
activeArrowID++;
if (activeArrowID > 2) { activeArrowID = 0; }
linkTimeout = setTimeout("showArrow(" + activeArrowID + ', "' + linkName + '"' + ")", 120);
}
// This is separate because... umm, it makes things flexible ;-)
function hideArrows(linkName) {
for (i=0;i<=2;i++) {
document.all[linkName + "Arrow"][i].style.color = "";
document.all[linkName + "Arrow"][5 - i].style.color = "";
}
}
function domouseover() {
srcElement = window.event.srcElement;
if (srcElement.className.indexOf("Link") > -1) {
var linkName = srcElement.id;
document.all[linkName + "Bracket"][0].style.color = "black";
document.all[linkName + "Bracket"][1].style.color = "black";
showArrow(0, linkName);
}
}
function domouseout() {
srcElement = window.event.srcElement;
if (srcElement.className.indexOf("Link") > -1) {
var linkName = srcElement.id;
hideArrows(linkName);
clearTimeout(linkTimeout);
document.all[linkName + "Bracket"][0].style.color = "";
document.all[linkName + "Bracket"][1].style.color = "";
}
}
</SCRIPT>
</head>
<body>
<table width=400 height=40 border=0><tr><td align=center>
<FONT face=Verdana size=1><FONT color=black><A id=mainArrow>></A><A id=mainArrow>></A><A id=mainArrow>></A></FONT><A id=mainBracket>[</A><A class=mainLink href="http://scriptic.ru" id=main target="_top">main page</A><A id=mainBracket>]</A><FONT color=black><A id=mainArrow><</A><A id=mainArrow><</A><A id=mainArrow><</A></FONT></FONT>
<FONT face=Verdana size=1><FONT color=black><A id=emailArrow>></A><A id=emailArrow>></A><A id=emailArrow>></A></FONT><A id=emailBracket>[</A><A class=emailLink href="mailto:glidia@narod.ru" id=email target=_top>email me</A>
<A id=emailBracket>]</A><FONT color=black><A id=emailArrow><</A><A id=emailArrow><</A><A id=emailArrow><</A></FONT></FONT>
</td></tr></table>
</body>
</html>
