打印

用JS写漂亮导航。。。

sjq617 [楼主]

初级会员

帖子: 44
体力: 102
威望: 0
当前: 安徽铜陵

专长 网页设计

1^# 大中小发表于 2008-8-25 09:03

请问高手门用JS怎么写一个菜单，我需要把鼠标放在菜单上，底下就出先他的内容，不是二级菜单的那种，底下的内容宽度要比菜单宽的那种。。。底下我需要放些复杂的内容。。。比如图片文字等等。。。拜托了。。。

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

FFEEDD

褪色

高级会员

帖子: 385
体力: 675
威望: 0
当前: 上海徐汇

专长 网页设计,前端制作,ASP

2^# 大中小发表于 2008-8-25 09:39

楼主要的应该是选项卡了.
http://search.blueidea.com/?q=%E9%80%89%E9%A1%B9%E5%8D%A1&tr=bbs

淫得一手好湿,吹的一口好萧!

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

sjq617 [楼主]

初级会员

帖子: 44
体力: 102
威望: 0
当前: 安徽铜陵

专长 网页设计

3^# 大中小发表于 2008-8-25 09:56

呵呵，好像是的，谢谢了。。。

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

sjq617 [楼主]

初级会员

帖子: 44
体力: 102
威望: 0
当前: 安徽铜陵

专长 网页设计

4^# 大中小发表于 2008-8-25 10:13

不过可有那位高手写个完整的给我啊。。。包括选项卡底下的内容。。。

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

qxq864298

初级会员

帖子: 217
体力: 77
威望: 0
当前: 北京海淀区

5^# 大中小发表于 2008-8-25 10:32

<!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">
.a{ float:left; background-color:#FF0000; border:1px solid #000000; font-weight:bold;}
.b{ float:left; background-color:#0000FF; border:1px solid #000000; font-weight:bold;}
.c{ color:#ffffff;}
</style>
</head>
<body>
<div class="a" onmouseover="showDiv(0)" id="m01"><a href="#" class="c">111</a></div>
<div class="b" onmouseover="showDiv(1)" id="m02"><a href="#" class="c">222</a></div>
<div class="b" onmouseover="showDiv(2)" id="m03"><a href="#" class="c">333</a></div>
<div class="b" onmouseover="showDiv(3)" id="m04"><a href="#" class="c">444</a></div>
<div style="background:red;width:100px;height:100px;display:block; clear:both;" id="c01">111
</div>
<div style="background:green;width:100px;height:100px;display:none; clear:both;" id="c02">222
</div>
<div style="background:black;width:100px;height:100px;display:none; clear:both;" id="c03">333
</div>
<div style="background:blue;width:100px;height:100px;display:none; clear:both;" id="c04">444
</div>
<script type="text/javascript">
var dN = new Array();
dN[0] = "c01";
dN[1] = "c02";
dN[2] = "c03";
dN[3] = "c04";
var cN = new Array();
cN[0] = "m01";
cN[1] = "m02";
cN[2] = "m03";
cN[3] = "m04";
function showDiv(id){
	for(var i=0 ; i<cN.length ; i++)
	{
		document.getElementById(dN[i]).style.display = "none";
		document.getElementById(cN[i]).className = 'b';
	}
	
	document.getElementById(dN[id]).style.display = "block";
	document.getElementById(cN[id]).className = 'a';
}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

along

文龙

初级会员

帖子: 52
体力: 92
威望: 0
当前: 上海浦东

专长 前端制作

6^# 大中小发表于 2008-8-25 10:53

引用:

用JS写漂亮导航。。。

看到这个标题就感觉有点费解，我改怎么理解你的意思？JS 能写出漂亮的东西？ JS是什么？是调色板吗？

一共就说了那么几句话引来一通猜测大家又不是楼主肚子里的蛔虫谁知道他想要的什么效果哪管有个图也好啊

TOP

sjq617 [楼主]

初级会员

帖子: 44
体力: 102
威望: 0
当前: 安徽铜陵

专长 网页设计

7^# 大中小发表于 2008-8-25 10:56

呵呵不好意思，以后会注意的。。。

TOP