subnavi1
TEXT ÜBER DESIGN
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript">
$(document).ready(function() {
$("ul#topnav li").hover(function() { //Hover over event on list item
$(this).css({ 'background' : '#000 url() repeat-x'}); //Add background color and image on hovered list item
$(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
$(this).css({ 'background' : 'none'}); //Ditch the background
$(this).find("span").hide(); //Hide the subnav
});
});
</script>
<div id="design_subnavi">
<div id="bg2">
<div id="top1"></div>
<div id="subnavi">
<ul id="topnav">
<li><a href="http://midn8.de.tl/">Home</a></li>
<li>|</li>
<li><a href="#">Design Code</a>
<!--Subnav Beginn Hier-->
<span>
<a href="http://midn8.de.tl/Text-.ue.ber-Design.htm">Text über Design</a> |
<a href="http://midn8.de.tl/Text-unter-Design.htm">Text unter Design</a> |
<a href="http://midn8.de.tl/CSS-ohne-Style-Tags.htm">CSS ohne Style Tags</a>
</span>
<!--Subnav Ende Hier-->
</li>
<li>|</li>
<li><a href="http://midn8.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li>|</li>
<li><a href="http://midn8.de.tl/Kontakt.htm">Kontakt</a></li>
<li>|</li>
<li><a href="http://midn8.de.tl/News.htm">News</a></li>
<li>|</li>
<li><a href="http://midn8.de.tl/Impressum.htm">Impressum</a></li>
<li>|</li>
<li><a href="http://midn8.de.tl/Weitere-Designs.htm">Weitere Designs</a></li>
<li>|</li>
</ul>
</div>