/*CSS: #rightmenubox li.hili { background-color: #990000; }*/ //JavaScript: var LIs = document.getElementById("rightmenubox").getElementsByTagName("li"); var LIslen = LIs.length; var a = 0; while (a < LIslen) { LIs[j].onmouseover = LI_MouseOver; LIs[j].onmouseout = LI_MouseOut; a++; } function LI_MouseOver () { classAppend (this,'hili'); } function LI_MouseOut () { classRemove (this,'hili'); } function classAppend (anyElement, className) { if (classCheck (anyElement,className) === false) { var tmpclassName = anyElement.className + ' ' + className; anyElement.className = tmpclassName.replace (/\s+/g,' ').replace (/(^\s+)|(\s+$)/g,''); } } function classRemove (anyElement, className) { var tmpclassName = ' ' + anyElement.className + ' '; var tmpRegex = new RegExp('\\s(' + className + ')\\s', 'gi'); tmpclassName = tmpclassName.replace (tmpRegex,' '); anyElement.className = tmpclassName.replace (/\s+/g,' ').replace (/(^\s+)|(\s+$)/g,''); } function classCheck (anyElement, className) { var tmpclassName = ' ' + anyElement.className + ' '; if (tmpclassName.indexOf(' ' + className + ' ') > -1) { return true; } else { return false; } }