x_kurz_jquery

HTML

<ul id="nav">
    <li><a href="#">Auto Motorrad <img src="images/pfeil.gif" alt=""/></a>
        <ul>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat1|1">Alfa Romeoa</a></li>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat1|2">Audi</a></li>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat1|34">Sonstige <img src="images/pfeil.gif" alt=""/></a>
                <ul>
                    <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat1|34|1">Alles m&ouml;gliche</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">B&uuml;cher Bilder <img src="images/pfeil.gif" alt=""/></a>
        <ul>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat2|1')">Bilder</a></li>
        </ul>
    </li>
    <li><a href="#">CDs LPs DVDs <img src="images/pfeil.gif" alt=""/></a>
        <ul>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat3|1')">CDs</a></li>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat3|3')">DVDs</a></li>
        </ul>
    </li>
    <li><a href="#">Computer Zubeh&ouml;r <img src="images/pfeil.gif" alt=""/></a>
        <ul>
            <li><a href="javascript:invokeLink('index.php?verk=verk, kat=kat4|1')">Adapter Kabel</a></li>
        </ul>
    </li>
</ul>

JavaScript

function startList() {
	if ($.browser.msie) {
		$("#nav >li").each (
			function (index, node) {
				$(node).hover(
					function () {
						$(this).addClass("over");
					},
					function () {
						$(this).removeClass("over");
					}
				);
			}
		);
	}
}
function invokeLink (url) {
	$('#content_area').load(url);
}
$(startList);