<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<title> Blue shaded Cool css+js navigation menu code </title>
<style>
body {margin:0px;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
#nav_wrap {width:960px;}
#nav {background:url (/jscss/demoimg/201401/nav_bg1.gif) repeat-x bottom; height:49px; position:relative; width:950px ; margin:20px Auto;}
#nav. L{background:url (/jscss/demoimg/201401/nav_l1.gif) no-repeat bottom; height:49px; width:28px; Float:left}
#nav li {float:left; list-style:none;text-align:center;font-size:14px;}
#nav Li. v a{width:108px;height:49px; line-height:49px; display:block; color: #FFF; float:left; font-family:arial, Verdana,tahoma, "the song Body"; }
#nav li. v a:hover, #nav Li v. Sele{background:url (/jscss/demoimg/201401/nav_hover1.gif) no-repeat bottom;color: #fff; height:49px;line-height:49px; font-size:14px;}
#nav. kind_menu {height:30px;*height:29px;line-height:30px;vertical-align:middle; position:absolute;top:46px;*top : 48px;left:70px;width:880px; Text-align:left; Display:none;color: #000; font-size:12px;}
#nav. Kind_menu a {color: #000; float:left; text-align:center; width:90px; Font-family:arial,verdana,tahoma, "Song-Body"; font-size:12px;}
#nav. Kind_menu a:hover {color: #000; border-bottom:2px #222b8e Solid;}
#nav. Kind_menu span {font-size:10px; color: #000; line-height:30px; *line-height:26px; Float:left}
</style>
<script src= "Http://www.codefans.net/ajaxjs/jquery1.3.2.js" type=text/javascript></script>
<body style= "Text-align:center" >
<div id=nav_wrap>
<div id=nav>
<div class= "L" ></DIV>
<ul class= "C" >
<li><span class= "V" ><a href= "http://www.codefans.net" target= "_blank" > Home </A></SPAN>
<div class= "Kind_menu" style= "left:50px" > welcome you to visit the source enthusiasts, we provide you with the best quality network marketing Services! </DIV></LI>
<li><span class= "V" ><a href= "#" > Special Package </A></SPAN>
<div class= "Kind_menu" style= "left:40px" >
<a href= "#" > Telecom Special Package </A> <SPAN>|</SPAN>
<a href= "#" > Smart two-line package </A> </DIV></LI>
<li><span class= "V" ><a href= "#" > Domain name Channel </A></SPAN>
<div class= "Kind_menu" >
<a href= "#" > English domain </A><SPAN>|</SPAN>
<a href= "#" > Chinese domain name </A><SPAN>|</SPAN>
<a href= "#" > General URL </A><SPAN>|</SPAN>
<a href= "#" > Domain trading </A><SPAN>|</SPAN>
<a href= "#" > Domain help </A><SPAN>|</SPAN>
<a href= "#" > Smart Acceleration </A> </DIV></LI>
<li><span class= "V" ><a href= "#" > Source Download </A></SPAN>
<div class= "Kind_menu" style= "left:40px" >
<a href= "#" > Network Marketing Outsourcing </A> <SPAN>|</SPAN>
<a href= "#" > Web effects Code </A> </DIV></LI>
<li><span class= "V" ><a href= "http://www.codefans.net/jscss/" > Web effects </A></SPAN>
<div class= "Kind_menu" style= "left:40px" >
<a href= "#" > Network outsourcing </A> <SPAN>|</SPAN>
<a href= "#" > Network Marketing </A> <SPAN>|</SPAN>
<a href= "#" > Special effects Code </A> </DIV></LI>
<li><span class= "V" ><a href= "http://www.baidu.com" > Baidu </A></SPAN>
<div class= "Kind_menu" style= "left:40px" >
<a href= "#" > Network outsourcing </A> <SPAN>|</SPAN>
<a href= "#" > Marketing Outsourcing </A> <SPAN>|</SPAN>
<a href= "#" > Web effects </A> </DIV></LI>
</UL>
</DIV><!--nav-->
</DIV><!--nav_wrap-->
<script type=text/javascript>
var site_url = Window.location.href.toLowerCase ();
Switch (TRUE) {
Default:
$ ("#nav li"). attr ("Class", "");
$ ("#nav li"). EQ (0). attr ("Class", "nav_lishw");
$ (". Nav_lishw. V a"). attr ("Class", "Sele");
$ (". Nav_lishw. Kind_menu"). Show ();
}
$ ("#nav li"). Hover (
function () {
Cleartimeout (SetTimeout ("0")-1);
$ ("#nav. Kind_menu"). Hide ();
$ ("#nav Li v. Sele"). attr ("Class", "Shutahover");
$ (this). attr ("id", "nav_hover")
$ ("#nav_hover. V a"). attr ("Class", "Sele");
$ ("#nav_hover. Kind_menu"). Show ();
},
function () {
if ($ (this). attr ("class")! = "Nav_lishw") {
$ ("#nav_hover. V. Sele"). attr ("Class", "");
$ ("#nav_hover. Kind_menu"). Hide ();
}
$ (this). attr ("id", "" ")
$ ("#nav Li v. Shutahover"). attr ("Class", "Sele");
SetTimeout (function () {
$ (". Nav_lishw. Kind_menu"). Show ();
$ (". Nav_lishw. V a"). attr ("Class", "Sele");
},50);
}
);
</SCRIPT>
</body>