Jquery二级菜单，鼠标经过显示二级分类,大类和小类都有链接

来源：互联网发布：淘宝卖家常遇到的问题编辑：程序博客网时间：2024/04/30 05:14

http://www.corange.cn//uploadfiles/0331_71051.jpg

演示地址:http://www.corange.cn/demo/3763/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<meta content="text/html; charset=utf-8;charset=utf-8" http-equiv="Content-Type" />
<link href="menu/FrontPru.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="menu/FrontPrq.js"></script>
<script type="text/javascript">
//<![CDATA[
FrontProductsCategory_show01['FrontProductsCategory_show01-1293769104214_init'] = function() {
jQuery("div[class^=FrontProductsCategory_show01-d1] > div.menu-first > ul > li").hover( function() {
jQuery("div[class^=FrontProductsCategory_show01-d1] .menu-second").hide();
jQuery(this).children("div.menu-second").show();
jQuery(this).children("div.menu-second > a.menu-text1").addClass("current");
}, function() {
jQuery("div[class^=FrontProductsCategory_show01-d1] .menu-second").hide();
jQuery(this).children("div.menu-second > a.menu-text1").removeClass("current");
});
}
jQuery(document).ready(FrontProductsCategory_show01['FrontProductsCategory_show01-1293769104214_init']);
//]]>
</script>
<div id="FrontProductsCategory_show01-1293769104214" class="FrontProductsCategory_show01-d1_c2"><div class="menu-first">
<ul>
<li >
<a href="" target="_self" class="menu-text1">
www.corange.cn<span></span>
</a>
<div class="menu-second">
<p class="top"></p>
<ul>
<li>
<a href="" target="_self" class="menu-text2">
sauce pot<span>(14)</span>
</a>
</li>
<li>
<a href="" target="_self" class="menu-text2">
fry pan<span>(14)</span>
</a>
</li>
<li>
<a href="" target="_self" class="menu-text2">
chinese wok<span>(1)</span>
</a>
</li>
<li>
<a href="" target="_self" class="menu-text2">
sauce pan<span>(5)</span>
</a>
</li>
</ul>
<p class="bottom"></p>
</div>
</li>

<li >
<a href="" target="_self" class="menu-text1">
corange.cn<span>(51)</span>
</a>
<div class="menu-second">
<p class="top"></p>
<ul>
<li>
<a href="" target="_self" class="menu-text2">
Die-casting set pots<span>(12)</span>
</a>
</li>
<li>
<a href="" target="_self" class="menu-text2">
Press Aluminum set pots<span>(19)</span>
</a>
</li>
<li>
<a href="" target="_self" class="menu-text2">
Stainless Steel set pots<span>(11)</span>
</a>
</li>
</ul>
<p class="bottom"></p>
</div>
</li>
<li class="menu-none">
<a href="" target="_self" class="menu-text1">
网站asp php开发<span>(28)</span>
</a>
</li>

</ul>
</div>
</div>

</body>
</html>

其他文件请到演示文件下载

原文地址:http://www.corange.cn/archives/2011/03/3763.html