⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index-5.html

📁 目前比较流行的导航条,非常精美,简单.目前比较流行的导航条,非常精美,简单.
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">


<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<BODY onLoad="MM_preloadImages('images/m1_1.gif','images/m2_1.gif','images/m3_1.gif','images/m4_1.gif','images/m5_1.gif','images/m6_1.gif')"> 
<table  cellspacing="0" cellpadding="0" style="height:100%" align="center">
  <tr>
    <td  style="width:766px; height:100%">
		<table  cellspacing="0" cellpadding="0" style="height:100%">
		  <tr>
			<td  style="width:202px; height:100%">
				<table  cellspacing="0" cellpadding="0" style="height:100%">
				  <tr>
					<td  style="width:202px; height:153px; background-image:url(images/bgd.gif); background-repeat:repeat-x; background-position:left bottom">
						<br style="line-height:49px">
						<img src="images/c_name.gif" alt="" style="margin-left:27px"><br>
					</td>
				  </tr>
				  <tr>
					<td  style="width:202px; height:100%; background-image:url(images/bg_big.jpg); background-repeat:repeat-y">
						<table  cellspacing="0" cellpadding="0">
						  <tr>
							<td  style="width:203px; height:554px">
								<br style="line-height:200px">
								<img src="images/slogan.gif" alt="" style="margin-left:9px"><br>
								<br style="line-height:2px">
								<a href="#"><img src="images/click.gif" alt="" border="0" style="margin-left:96px"></a><br>
							</td>
						  </tr>
						  <tr>
							<td  style="width:203px; height:43px">
								<img src="images/com_name.gif" alt="" style="margin-left:86px"><br>
								<a href="#"><img src="images/terms.gif" alt="" border="0" style="margin-left:55px"></a><img src="images/line.gif" alt=""><a href="index-6.html"><img src="images/policy.gif" alt="" border="0"></a><br> </td>
						  </tr>
						</table>
					</td>
				  </tr>
				</table>
			</td>
		  	<td  style="width:564px; height:100%">
				<table  cellspacing="0" cellpadding="0" style="height:100%">
				  <tr>
					<td  style="width:564px; height:196px">
						<table  cellspacing="0" cellpadding="0">
						  <tr>
							<td  style="width:564px; height:22px; background-color:#080A0F">
								<br style="line-height:4px">
								<a href="#"><img src="images/order.gif" alt="" border="0" style="margin-left:240px"></a><img src="images/l1.gif" alt=""><a href="#"><img src="images/help.gif" alt="" border="0"></a><img src="images/l2.gif" alt=""><img src="images/number.gif" alt=""><br> </td>
						  </tr>
						  <tr>
							<td  style="width:564px; height:131px; background-image:url(images/pic.jpg); background-repeat:no-repeat"></td>
						  </tr>
						  <tr>
							<td  style="width:564px; height:43px; background-image:url(images/rep_menu.gif); background-repeat:repeat-x">
						    <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/m1_1.gif',1)"><img src="images/m1.gif" alt=" " name="Image8" width="84" height="43" border="0"></a><a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/m2_1.gif',1)"><img src="images/m2.gif" alt=" " name="Image9" width="86" height="43" border="0"></a><a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/m3_1.gif',1)"><img src="images/m3.gif" alt=" " name="Image10" width="96" height="43" border="0"></a><a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/m4_1.gif',1)"><img src="images/m4.gif" alt=" " name="Image11" width="97" height="43" border="0"></a><a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/m5_1.gif',1)"><img src="images/m5.gif" alt=" " name="Image12" width="85" height="43" border="0"></a><a href="index-5.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/m6_1.gif',1)"><img src="images/m6_1.gif" alt=" " name="Image13" width="89" height="43" border="0"></a><br></td>
						  </tr>
						</table>
					</td>
				  </tr>
				  <tr>
					<td  style="width:564px; height:505px; background-image:url(images/y.gif); background-repeat:repeat-y">
							<div style="margin-left:23px">
								<br style="line-height:26px">
								<table  cellspacing="0" cellpadding="0">
								  <tr>
									<td  style="width:250px; height:460px">
										<img src="images/t6_1.gif" alt=""><br>
									  <div style="margin-left:6px; margin-right:22px">
											<br style="line-height:22px">
											<img src="images/p6_1.gif" alt="" align="left" style="margin-right: 17px">
											<br style="line-height:10px">
											<strong>www.sitename.com</strong>
											Donec site eros. Lore mpsu<br>
											m dolor Loremmd olorraeet vestibulum molesti.
									  </div>
											<br style="line-height:26px">
											<img src="images/pixel1.gif" alt=""><br>
											
									  <div style="margin-left:6px; margin-right:22px">
											<br style="line-height:17px">
											<img src="images/p6_2.gif" alt="" align="left" style="margin-right: 17px">
											<br style="line-height:8px">
											<strong>www.sitename.com</strong>
											Donec site eros. Lore mpsu<br>
											m dolor Loremmd olorraeet vestibulum molesti.</div>
											<br style="line-height:29px">
											<img src="images/pixel1.gif" alt=""><br>
									  
									  <div style="margin-left:6px; margin-right:22px">
											<br style="line-height:16px">
											<img src="images/p6_3.gif" alt="" align="left" style="margin-right: 17px">
											<br style="line-height:8px">
											<strong>www.sitename.com</strong>
											Donec site eros. Lore mpsu<br>
											m dolor Loremmd olorraeet vestibulum molesti.</div>
											<br style="line-height:28px">
											<img src="images/pixel1.gif" alt=""><br>
									  
									  <div style="margin-left:6px; margin-right:23px">
											<br style="line-height:17px">
											<img src="images/p6_4.gif" alt="" align="left" style="margin-right: 17px">
											<br style="line-height:8px">
											<strong>www.sitename.com</strong>
											Donec ste eros. Lore mpsu<br>
											m dolor Loremmd olorraeet vestibulum molestie.<br>
											<br style="line-height:19px">
										    <a href="#"><img src="images/more.GIF" alt="" border="0" align="right"></a><br> </div>
									</td>
									<td  style="width:268px; height:460px">
										<table  cellspacing="0" cellpadding="0">
										  <tr>
											<td  style="width:268px; height:194px; background-image:url(images/px.gif); background-repeat:repeat-y">
												<img src="images/t6_2.gif" alt="" style="margin-left:20px"><br>
											  <div style="margin-left:26px">
													<br style="line-height:19px">
													Umd olorraesent vestibulum mole stiean nonummy
henithasellus porta usce suscipit varius mi sit amet couer onec sit amet eroorem ipsum dolor sitctetur          urnaliquam erat volutpat.<br>
													<br style="line-height:15px">
													<img src="images/pixel1.gif" alt=""><br>
													<br style="line-height:12px">
													<b>8901 Marmora Road,<br>
													Glasgow, D04 89GR.</b><br>
													Freephone:&nbsp;&nbsp;+1 800 559 6580<br>
													Telephone:&nbsp;&nbsp;&nbsp;+1 800 603 6035<br>
													FAX:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+1 800 889 9898<br> 
													E-mail: <a href="#">mail@companyname.com</a>												
												</div>
											</td>
										  </tr>
										  <tr>
											<td  style="width:268px; height:18px"></td>
										  </tr>
										  <tr>
											<td  style="width:268px; height:249px; background-image:url(images/mid1.gif); background-repeat:repeat-y">
												<form action="" enctype="multipart/form-data" id="form">
												<table  cellspacing="0" cellpadding="0" style="height:100%; background-image:url(images/top1.gif); background-repeat:no-repeat">
												  <tr>
													<td  style="width:265px; height:100%; background-image:url(images/bot1.gif); background-repeat:no-repeat; background-position:left bottom">
														<br style="line-height:25px">
														<img src="images/t6_3.gif" alt="" style="margin-left:20px"><br>
														<div style="margin-left:24px; margin-bottom:20px">
															<br style="line-height:11px">
															<table  cellspacing="0" cellpadding="0" class="form1">
															  <tr>
																<td  style="width:215px; height:16px"><br style="line-height:3px">Your Name:</td>
															  </tr>
															  <tr>
																<td  style="width:215px; height:22px"><input name="" type="text"></td>
															  </tr>
															  <tr>
																<td  style="width:215px; height:14px"><br style="line-height:1px">Your E-mail:</td>
															  </tr>
															  <tr>
																<td  style="width:215px; height:22px"><input name="" type="text"></td>
															  </tr>
															  <tr>
																<td  style="width:215px; height:14px"><br style="line-height:1px">Message:</td>
															  </tr>
															  <tr>
																<td  style="width:215px; height:63px"><textarea name="" cols="0" rows="0"></textarea></td>
															  </tr>
															</table>
															<br style="line-height:4px">
															<input type="image" src="images/reset.gif" alt="" style="margin-left:108px"><input type="image" src="images/submit.gif" alt="" style="margin-left:5px"><br>
														</div>
														
													</td>
												  </tr>
												</table>
												</form>
											</td>
										  </tr>
										</table>
									</td>
								  </tr>
								</table>
							</div>
					</td>
				  </tr>
				  <tr>
					<td  style="width:564px; height:100%; background-image:url(images/y.gif); background-repeat:repeat-y">
						<table  cellspacing="0" cellpadding="0">
						  <tr>
							<td  style="width:564px; height:49px">
								<table  cellspacing="0" cellpadding="0">
								  <tr>
									<td  style="width:29px; height:49px"></td>
									<td  style="width:515px; height:49px; background-image:url(images/foot_bg.gif); background-repeat:repeat-x">
										<br style="line-height:20px">
										<a href="index.html"><img src="images/m1_f.gif" alt="" border="0"></a><a href="index-1.html"><img src="images/m2_f.gif" alt="" border="0"></a><a href="index-2.html"><img src="images/m3_f.gif" alt="" border="0"></a><a href="index-3.html"><img src="images/m4_f.gif" alt="" border="0"></a><a href="index-4.html"><img src="images/m5_f.gif" alt="" border="0"></a><a href="index-5.html"><img src="images/m6_f.gif" alt="" border="0"></a> </td>
									<td  style="width:20px; height:49px"></td>
								  </tr>
								</table>
							</td>
						  </tr>
						</table>
					</td>
				  </tr>
				</table>
			</td>
		  </tr>
		</table>
	</td>
  </tr>
</table>
</BODY>
</HTML>

									
								
		
				

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -