谁做过这个导航栏的例子

谁做过这个导航栏的例子，求参考，学习学习，谢谢

--------------------编程问答-------------------- 自己顶一下，希望知道的人给个建议 --------------------编程问答-------------------- 没人知道这个例子怎么做吗？ --------------------编程问答-------------------- 这有什么不会做的。。。。哪里不会 --------------------编程问答--------------------

引用 3 楼的回复:

这有什么不会做的。。。。哪里不会

有例子吗？ --------------------编程问答-------------------- 你是美工吗？ --------------------编程问答-------------------- 做几张图片，然后放进去，再使用css布局一下 --------------------编程问答--------------------

引用 6 楼的回复:

做几张图片，然后放进去，再使用css布局一下

关键是鼠标放上面去，要跳出网址名称，点击它能链接其他网站的。JS代码+CSS
请问，你有代码参考例子吗 --------------------编程问答-------------------- 是哪里不会啊
这不就是图片链接吗
做的再好点就是在给图片加上鼠标移上和移开的js~~
当然也可以直接用链接，效果没有图片好 --------------------编程问答--------------------

引用 8 楼的回复:

是哪里不会啊
这不就是图片链接吗
做的再好点就是在给图片加上鼠标移上和移开的js~~
当然也可以直接用链接，效果没有图片好

不会编啊，我是菜鸟，你会吗？ --------------------编程问答-------------------- <td class="TdImgBtn">
<a onMouseOut="MM_swapImgRestore()"
onMouseDown="MM_swapImage()"
onMouseUp="MM_swapImgRestore()">
<input name="back" type="image" onclick="clickedButton(this.name)" src="默认图片路径" class="ImgBtn" alt="图片名字">
</a>
</td>

MM_swapImgRestore()和MM_swapImage() 就是换图片的js，可以要也可以不要
class 是css，根据你自己的式样画就行了 --------------------编程问答--------------------

<!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>

<title>非常小巧的JS下拉菜单代码</title>

<style type="text/css">

#sddm

{	margin: 0 auto;

	padding: 0;

	z-index: 30;

	background-color:#F4F4F4;

	width: 480px;

	height:23px;}



#sddm li

{	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	font: bold 12px arial}



#sddm li a

{	display: block;

	margin: 0 1px 0 0;

	padding: 4px 10px;

	width: 60px;

	background: #5970B2;

	color: #FFF;

	text-align: center;

	text-decoration: none}



#sddm li a:hover

{	background: #49A3FF}



#sddm div

{	position: absolute;

	visibility: hidden;

	margin: 0;

	padding: 0;

	background: #EAEBD8;

	border: 1px solid #5970B2}



	#sddm div a

	{	position: relative;

		display: block;

		margin: 0;

		padding: 5px 10px;

		width: auto;

		white-space: nowrap;

		text-align: left;

		text-decoration: none;

		background: #EAEBD8;

		color: #2875DE;

		font: 12px arial}



	#sddm div a:hover

	{	background: #49A3FF;

		color: #FFF}

</style>

<link rel="stylesheet" type="text/css" href="css/lrtk.css">

<!-- dd menu -->

<script type="text/javascript"> 

<!--

var timeout         = 500;

var closetimer		= 0;

var ddmenuitem      = 0;

 

// open hidden layer

function mopen(id)

{	

	// cancel close timer

	mcancelclosetime();

 

	// close old layer

	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

 

	// get new layer and show it

	ddmenuitem = document.getElementById(id);

	ddmenuitem.style.visibility = 'visible';

 

}

// close showed layer

function mclose()

{

	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}

 

// go close timer

function mclosetime()

{

	closetimer = window.setTimeout(mclose, timeout);

}

 

// cancel close timer

function mcancelclosetime()

{

	if(closetimer)

	{

		window.clearTimeout(closetimer);

		closetimer = null;

	}

}

 

// close layer when click-out

document.onclick = mclose; 

// -->

</script>

</head>

 

<body style="text-align:center">

 

<ul id="sddm">

	<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>

		<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

		<a href="#">HTML DropDown</a>

		<a href="#">DHTML DropDown menu</a>

		<a href="#">JavaScript DropDown</a>

		<a href="#">DropDown Menu</a>

		<a href="#">CSS DropDown</a>

		</div>

	</li>

	<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Download</a>

		<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

		<a href="#">ASP Dropdown</a>

		<a href="#">Pulldown menu</a>

		<a href="#">AJAX dropdown</a>

		<a href="#">DIV dropdown</a>

		</div>

	</li>

	<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Order</a>

		<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

		<a href="#">Visa Credit Card</a>

		<a href="#">Paypal</a>

		</div>

	</li>

	<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Help</a>

		<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

		<a href="#">Download Help File</a>

		<a href="#">Read online</a>

		</div>

	</li>

	<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Contact</a>

		<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

		<a href="#">E-mail</a>

		<a href="#">Submit Request Form</a>

		<a href="http://www.lanrentuku.com/" target="_blank">lanrentuku.com</a>

		</div>

	</li>

</ul>

 

<div style="clear:both"></div>

 

 



</body>

</html>

补充：.NET技术 ,  ASP.NET