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

📄 index-4.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_1.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:18px">
							  <tr>
								<td  style="width:523px; height:161px; background-image:url(images/rep_bot.gif); background-repeat:repeat-x; background-position:left bottom">
									<img src="images/t5_1.gif" alt="" ><br>
									<br style="line-height:20px">
									<img src="images/p5_1.gif" alt="" align="left" style="margin-left:6px; margin-right:17px; margin-top:4px"> 
									<strong>Vel diam ed in lacus ut enipisciennatis.</strong><br>
Pede mi, alique sit amet, eui smod inauctor ut, ligulaliquam dapibus tincid unetussent justo dolor, <a href="#">lobortis quis, lobortis dignissim</a>, pulvinar ac, loremestibulum sed anteonec sagittis euismod.<br>
<br style="line-height:10px">
Pede mi, alique sit amet, eui smod inauctor ut, ligulaliquam dapibus tincid <a href="#">unetussent justo dolor, lobortis</a> quis, lobortis dignissim, pulvinar ac, loremestibulum sed.							</td>
							  </tr>
							  <tr>
								<td  style="width:523px; height:300px">
									<table  cellspacing="0" cellpadding="0">
									  <tr>
										<td  style="width:266px; height:300px">
											<br style="line-height:8px">
											<img src="images/t5_2.gif" alt=""><br>
										  <div style="margin-left:5px; margin-right:23px">
												<br style="line-height:20px">
											  	<img src="images/p5_2.gif" alt="" align="left" style="margin-right:4px">
										    	<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
												<br style="line-height:17px">
												<img src="images/pixel.gif" alt=""><br>
												
												<br style="line-height:11px">
											  	<img src="images/p5_3.gif" alt="" align="left" style="margin-right:4px">
										    	<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
												<br style="line-height:17px">
												<img src="images/pixel.gif" alt=""><br>
												
												<br style="line-height:12px">
											  	<img src="images/p5_4.gif" alt="" align="left" style="margin-right:4px">
										    	<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
												<br style="line-height:18px">
												<img src="images/pixel.gif" alt=""><br>
												
												<br style="line-height:12px">
											  	<img src="images/p5_5.gif" alt="" align="left" style="margin-right:4px">
										    	<a href="#">Donec accumsan malda orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer lor.</a><br>
																							
										  </div>
											
											
											
										
										</td>
										<td  style="width:252px; height:300px; background-image:url(images/px.gif); background-repeat:repeat-y">
											<br style="line-height:8px">
											<img src="images/t5_3.gif" alt="" style="margin-left:21px"><br>
										  <div style="margin-left:27px">
												<br style="line-height:20px">
												<img src="images/p5_6.gif" alt=""><br>
												<br style="line-height:12px">
												<strong>Praesent vestibulum molestie nulla<br>
												met erosorem ipsum dolor orem...</strong><br>
												Umd olorraesent vestibulum mole stiean nomy
												henithasellus porta usce suscipit varius mi sitc
												ouer onec sit amet eros. <br>
												<br style="line-height:10px">
												<strong>Met erosorem ipsum dolor orem...</strong><br>
												Umd olorraesent vestibulum molestiean nonuy
												henithasellus porta usce suscipit varius mi sitm
												et couer onec sit amet eros. <br>
												<br style="line-height:2px">
												<a href="#"><img src="images/more.GIF" alt="" border="0" align="right"></a> </div>
											
											
										</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 + -