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

📄 index-1.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">
						<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
							   codebase="../../download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
							   width="202" height="596">
						<param name="movie" value="flash/pic1.swf@button=0"> 
						<param name="quality" value="high">
						<param name="menu" value="false">
						<!--[if !IE]> <-->
						<object data="flash/pic1.swf?button=0"
								width="202" height="596" type="application/x-shockwave-flash">
						 <param name="quality" value="high">
						 <param name="menu" value="false">
						 <param name="pluginurl" value="../../www.macromedia.com/go/getflashplayer">
						 FAIL (the browser should render some flash content, not this).
						</object>
						<!--> <![endif]-->
					   </object>
					</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">
						<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
							   codebase="../../download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
							   width="564" height="196">
						<param name="movie" value="flash/header2.swf@button=2"> 
						<param name="quality" value="high">
						<param name="menu" value="false">
						<!--[if !IE]> <-->
						<object data="flash/header2.swf?button=2"
								width="564" height="196" type="application/x-shockwave-flash">
						 <param name="quality" value="high">
						 <param name="menu" value="false">
						 <param name="pluginurl" value="../../www.macromedia.com/go/getflashplayer">
						 FAIL (the browser should render some flash content, not this).
						</object>
						<!--> <![endif]-->
					   </object>
					</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:154px">
									<img src="images/t2_1.gif" alt=""><br>
									<div style="margin-left:6px">
										<br style="line-height:18px">
										Pellentesque sed dolor liquam congue fermentum nislauris accumsan nulla vel diam ed in lacus ut enipiscing aliquet ulla venenatisIn pede mi, aliquet sit amet, eui smod in,auctor ut, ligulaliquam dapibus tincid unetus
raesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.<br>
										<br style="line-height:10px">
										<table  cellspacing="0" cellpadding="0" class="list">
										  <tr>
											<td  style="width:262px; height:45px">
												<ul>
													<li><a href="#">Donec accumsan malda orci. Donec sit ameros.</a></li>
													<li><a href="#">Lorem ipsum dolor sit amet consectetuer lonec</a></li>
													<li><a href="#">sit amet eros. Lorem ipsum dolor sit amet.</a></li>
												</ul>	
											</td>
											<td  style="width:253px; height:45px">
												<ul>
													<li><a href="#">Donec accumsan malda orci. Donec sit ameterosrem</a></li>
													<li><a href="#">ipsum dolor sit amet consectetuer loonec sit ameros </a></li>
													<li><a href="#">Lorem ipsum dolor sit amet ectetur adipiscing elit. </a></li>
												</ul>
											</td>
										  </tr>
										</table>
										<br style="line-height:9px">
										<img src="images/more.GIF" alt="" align="right" style="margin-right:5px">

									</div>
									
								</td>
							  </tr>
							  <tr>
								<td  style="width:523px; height:23px; background-image:url(images/repeat.gif); background-repeat:repeat-x"></td>
							  </tr>
							  <tr>
								<td  style="width:523px; height:276px">
									<table  cellspacing="0" cellpadding="0">
									  <tr>
										<td  style="width:242px; height:276px">
											<br style="line-height:13px">
											<img src="images/t2_2.gif" alt=""><br>
											<div style="margin-left:6px; margin-right:24px">
												<br style="line-height:17px">
												<img src="images/p2_1.gif" alt=""><br>
												<br style="line-height:12px">
												<strong>Donec accumsan malda orci.</strong>  Donec sit amet eros. Lorem ipsum dolor Lorem ipsumd
olorraesent vestibulum molestiean nonummy hendrerit.<br>
												<br style="line-height:10px">
												<strong>Donec accumsan malda orci.</strong>  Donec sit amet eros. Lorem ipsum dolor Lorem ipsumd
olorraesent vestibulum molestiean nonummy hendrerit.<br>
												<br style="line-height:2px">
												<a href="#"><img src="images/more.GIF" alt="" border="0" align="right"></a><br>

											</div>
											
											
											
										
										</td>
										<td  style="width:276px; height:276px; background-image:url(images/px.gif); background-repeat:repeat-y">
											<br style="line-height:15px">
											<img src="images/t2_3.gif" alt="" style="margin-left:21px"><br>
											<div style="margin-left:27px">
												<br style="line-height:15px">
												<img src="images/p2_2.gif" alt="" align="left" style="margin-right:17px; margin-top:3px" >
												<strong>Donec accumsamal orci.</strong>  Donec sit amet eros. Lorems
												um dolor Lorem ipsu mdorr.<br>
												<br style="line-height:7px">
												Onec sit amt eros. Lor emm dolor Loem ipsu mdorrenest
												ibulum molestiean.<br>
												<br style="line-height:12px">
												<strong>Fusce feugiat malesuada.</strong><br>
												Donec sit ameos. Lorem ipsum dolor Lorem ipsumolo
												rraesent vestibulum molestiean nonummy hend rerit hasellus portausce suscipit varius.<br>
												<br style="line-height:4px">
												<img src="images/pixel.gif" alt=""><br>
												<br style="line-height:7px">
												<strong>Duis ultricies pharetr nul.</strong><br> 
												Donec sit ameos. Lorem ipsum dolor Lorem psumdor
												raesent vestibulum moles tiean nonummy hend rerit hasellus porta.<br>
												<br style="line-height:2px">
												<a href="#"><img src="images/more.GIF" alt="" border="0" align="right"></a><br>



											</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 + -