大伙帮个忙，介绍个可以应该于这样有二级栏目的导航菜单！

Kevin · 2007-08-28

http://demo.phpcms.cn/article/

像这样的，但是这个个人感觉太丑了，所以想盗一个

可是，平时不要的时候老是看到，现在要了却找不到好的，大家帮忙介绍一个吧？谢谢！

给个地址就行了，嘿嘿~~

Kevin · 2007-08-28

自己顶一下！

Kevin · 2007-08-29

没人理~~~~~~~~~

A君 · 2007-08-29

不懂

Kevin · 2007-08-29

楼上是猪，整天做网站，哪里有没私家伙！

西子宜 · 2007-08-29

.....

小李 · 2007-08-29

http://bbs.blueidea.com/thread-2606562-1-1.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script language="javascript">
function switchTag(tag,content)
{
// alert(tag);
// alert(content);
for(i=1; i <6; i++)
{
if ("tag"+i==tag)
{
document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;
document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;
}else{
document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";
document.getElementById("tag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="";
}
if ("content"+i==content)
{
document.getElementById(content).className="";
}else{
document.getElementById("content"+i).className="hidecontent";
}
document.getElementById("content").className=content;
}
}
</script>
</head>
<body>
<div id="container">
<div id="title">
<ul>
<li id="tag1"><a href="#" onclick="switchTag('tag1','content1');this.blur();" class="selectli1"><span class="selectspan1">首页</span></a></li>
<li id="tag2"><a href="#" onclick="switchTag('tag2','content2');this.blur();"><span>下载中心</span></a></li>
<li id="tag3"><a href="#" onclick="switchTag('tag3','content3');this.blur();"><span>产品介绍</span></a></li>
<li id="tag4"><a href="#" onclick="switchTag('tag4','content4');this.blur();"><span>会员注册与登录</span></a></li>
<li id="tag5"><a href="#" onclick="switchTag('tag5','content5');this.blur();"><span>联系我们</span></a></li>
</ul>
</div>
<div id="content" class="content1">
<div id="content1"><p>仿淘宝网站的导航效果。此方法有几个优点：</p>1、根据字数自适应项目长度</div>
<div id="content2" class="hidecontent">2、不同的项目使用不同的颜色来区分</div>
<div id="content3" class="hidecontent">3、这回需要使用到js了，呵呵</div>
<div id="content4" class="hidecontent">4、背景图片只需要两个图片文件就足够，减少服务器负担</div>
<div id="content5" class="hidecontent">5、这是使用到的两个图片：
<table width="58%" border="1" cellspacing="2" cellpadding="0">
<tr>
<td width="70%" align="center"><img src="http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif" width="250" height="290" /></td>
<td width="30%" align="center"><img src="http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif" width="15" height="290" /></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
点击展开...

Kevin · 2007-08-29

谢谢小李啊，哈！~~

不过我说的不是要代码，我是要可以偷的风格，比如那些背景图和整体效果，哈~~

论坛

大伙帮个忙，介绍个可以应该于这样有二级栏目的导航菜单！

Kevin New Member

Kevin New Member

Kevin New Member

A君 Well-Known Member

Kevin New Member

西子宜 Well-Known Member

小李 New Member

Kevin New Member

快捷检索

大伙帮个忙，介绍个可以应该于这样有二级栏目的导航菜单！

Kevin New Member

Kevin New Member

Kevin New Member

A君 Well-Known Member

Kevin New Member

西子宜 Well-Known Member

小李 New Member

Kevin New Member