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

📄 index-2.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_1.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.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:25px">
								<table  cellspacing="0" cellpadding="0" style="margin-bottom:15px">
								  <tr>
									<td  style="width:523px; height:195px">
										<table  cellspacing="0" cellpadding="0">
										  <tr>
											<td  style="width:250px; height:195px">
												<img src="images/t3_1.gif" alt=""><br>
											  <div style="margin-left:6px; margin-right:23px">
													<br style="line-height:22px">
													<img src="images/p3_1.gif" alt=""><br>
													<br style="line-height:7px">
													<strong>Donec accumsan malda orci.</strong>  Donec sitet eros. Lorem ipsum dolor Lorem ipsumd olorrae
sent vestibulum molestiean nonummy hendrer
Phasellus portausce sus.<br>
<br style="line-height:3px"> 
<a href="#"><img src="images/more.GIF" alt="" align="right" border="0"></a> </div>
											</td>
											<td  style="width:273px; height:195px; background-image:url(images/px.gif); background-repeat:repeat-y">
												<img src="images/t3_2.gif" alt="" style="margin-left:20px"><br>
											  <div style="margin-left:26px">
													<br style="line-height:19px">
												  	<a href="#">Praesent vestibulum molestie nulla duonec si<br>
													met erosorem ipsum dolor orem...</a><br><br style="line-height:5px"> Umd olorraesent vestibulum molestiean nonummy
													henithasellus porta usce suscipit varius mi sit amet couer onec sit amet eros.<br>
													<br style="line-height:13px">
													<img src="images/pixel1.gif" alt=""><br>
													<br style="line-height:8px">
													<a href="#">Praesent vestibulum molestie nulla duonec si<br>
													met erosorem ipsum dolor orem...</a><br><br style="line-height:5px"> Umd olorraesent vestibulum molestiean nonummy
													henithasellus porta usce suscipit varius mi sit amet couer onec sit amet eros.<br>
											  </div>
											</td>
										  </tr>
										</table>
									</td>
								  </tr>
								  <tr>
									<td  style="width:523px; height:17px"></td>
								  </tr>
								  <tr>
									<td  style="width:523px; height:250px">
										<table  cellspacing="0" cellpadding="0" style="height:100%">
										  <tr>
											<td  style="width:250px; height:250px; background-image:url(images/pixel1.gif); background-repeat:no-repeat">
												<br style="line-height:25px">
												<img src="images/t3_3.gif" alt=""><br>
											  <div style="margin-left:6px; margin-right:16px">
													<br style="line-height:16px">
													<strong>Donec accumsan malda orci.</strong>  Donec sis. Lorem ipsum dolor Lorem ipsumd olorra esen
lum molestiean nonummy hendreritellus port
Fusce suscipit varius misit amet couer. </div>
<br style="line-height:12px">
<img src="images/pixel1.gif" alt=""><br>
<div style="margin-left:6px; margin-right:22px">
<br style="line-height:12px">
<a href="#">Donec accumsan malda orci. Donec sit amer Lorem ipsum dolor sit amet consectetuer lon
sit amet erosorem ipsum.</a></div>
<br style="line-height:16px">
<img src="images/pixel1.gif" alt=""><br>
<div style="margin-left:6px; margin-right:22px">
<br style="line-height:11px">
<a href="#">Donec accumsan malda orci. Donec sit amer Lorem ipsum dolor sit amet consectetuer lon
sit amet erosorem ipsum.</a></div>												
											</td>
											<td  style="width:265px; height:100%; background-image:url(images/mid1.gif); background-repeat:repeat-y">
												<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:24px">
														<img src="images/t3_4.gif" alt="" style="margin-left:18px"><br>
														<div style="margin-left:25px; margin-bottom:26px">
															<br style="line-height:15px">
															<b>Customer service:</b><br>
															Tel.:&nbsp;&nbsp;1-(800)-123-1234<br>
															Fax.:&nbsp;1-(800)-123-1234<br>
															E-mail: <a href="#">customers@companyname.com</a><br>
															
															<br style="line-height:10px">
															<b>Network planning service:</b><br>
															Tel.:&nbsp;&nbsp;1-(800)-123-1234<br>
															Fax.:&nbsp;1-(800)-123-1234<br>
															E-mail: <a href="#">planning@companyname.com</a><br>
															
															<br style="line-height:10px">
															<b>Innovations information:</b><br>
															Tel.:&nbsp;&nbsp;1-(800)-123-1234<br>
															Fax.:&nbsp;1-(800)-123-1234<br>
															E-mail: <a href="#">innovations@companyname.com</a><br>


														</div>
													</td>
												  </tr>
												</table>
											</td>
											<td  style="width:8px; height:250px"></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 + -