first.html
来自「阶段项目 javascript,主要是模仿51.com网站的页面特效」· HTML 代码 · 共 313 行 · 第 1/2 页
HTML
313 行
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>首页</title>
<link href="images/style.css" rel="stylesheet" type="text/css">
<script src="checkForms.js"></script>
</head>
<body onLoad="myMarquee();" style="margin-top:0px;">
<table width="883" height="204" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td height="26" valign="top"><table width="897" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="26"><table width="187" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:0px;">
<tr>
<td width="187" height="72"><img src="images/index-2.gif" width="185" height="68"></td>
</tr>
<tr>
<td height="82"><img src="images/index-3.gif" width="185" height="68"></td>
</tr>
<tr>
<td valign="middle"><img src="images/index-4.gif" width="185" height="30"></td>
</tr>
</table></td>
<td width="228"><form name="form1" method="post" action="" onSubmit="checkKeyWord();"">
<table width="216" height="200" border="0" cellpadding="2" cellspacing="0" background="images/index-bg1.gif" style="margin-top:0px;">
<tr>
<td width="220" height="43"> </td>
</tr>
<tr>
<td height="26"> 请输入关键词:</td>
</tr>
<tr>
<td height="32">
<input name="txtKeyWord" type="text" class="intro-text" id="txtKeyWord"></td>
</tr>
<tr>
<td height="26"> 例如:软件工程师</td>
</tr>
<tr>
<td height="26"> 或 项目经理 互联网 </td>
</tr>
<tr>
<td align="center" valign="top"><input name="Submit" type="image" src="images/search.gif" value="提交" ></td>
</tr>
</table>
</form></td>
<td width="244"><table width="294" border="0" cellspacing="0" cellpadding="0" style="margin-top:0px;">
<tr>
<td align="center"><a href="#">欢迎光临招聘网</a></td>
</tr>
<tr>
<td align="center"><img src="images/index-7.gif" width="289" height="155"></td>
</tr>
<tr>
<td height="22" align="center">
<marquee direction="up" scrolldelay="500" height="20" onmouseover="this.stop();" onmouseout="this.start();">
·<a href="#">深圳高新技术人才专场招聘会 </a>·<a href="#">近期预告敬请关注</a></marquee></td>
</tr>
</table></td>
<td width="225"><table width="186" height="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:0px;">
<tr>
<td width="186" height="22" background="images/bottom-bg.gif">·近期预告</td>
</tr>
<tr>
<td width="186" height="152" valign="top">
<div id="dome" style="overflow:hidden;height:190px;width:185px; border:1px gray solid;">
<div id="dome1" >
<a href="#" target=_blank>·2007年9月无忧IT指数图解</a> <br>
<a href="#" target=_blank>·3G软件工程师</a> <br>
<a href="#" target=_blank>·3G系统工程师</a><br>
<a href="#" target=_blank>·2007年9月无忧指数IT图解</a><br>
<a href="#" target=_blank>·3G售前技术支持工程师</a><br>
<a href="#" target=_blank>·3G测试工程师</a><br>
<a href="#" target=_blank>·3G系统工程师</a><br>
<a href="#" target=_blank>·3G售前技术支持工程师</a><br>
<a href="#" target=_blank>·2007年9月无忧指数IT图解</a><br>
<a href="#" target=_blank>·3G售前技术支持工程师</a><br>
<a href="#" target=_blank>·3G售前技术支持工程师</a><br>
</div>
<div id=dome2></div>
</div></td>
</tr>
</table>
<script language="javascript">
var speed=50; //设置文字滚动速度
dome2.innerHTML=dome1.innerHTML; //复制dome1为dome2
function myMarquee()
{
if(dome2.offsetTop-dome.scrollTop<=0) //当滚动至dome1与dome2交界时
{
dome.scrollTop-=dome1.offsetHeight;
}
else
{
dome.scrollTop++;
}
}
var MyMar=setInterval("myMarquee()",speed) //设置定时器
dome.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
dome.onmouseout=function() {MyMar=setInterval("myMarquee()",speed)}//鼠标移开时重设定时器，继续滚动
</script>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="26" valign="top"><img src="images/index-1.gif" width="897" height="26"></td>
</tr>
<tr>
<td height="20">
</td>
</tr>
<tr>
<td valign="top"><table width="897" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2"><img src="images/index-ad1.gif" width="297" height="127"></td>
<td><img src="images/index-ad2.gif" width="297" height="60"></td>
<td><img src="images/index-ad4.gif" width="297" height="60"></td>
</tr>
<tr>
<td><img src="images/indexad3.gif" width="297" height="60"></td>
<td><img src="images/index-ad5.gif" width="297" height="60"></td>
</tr>
<tr>
<td><img src="images/index-ad7.gif" width="297" height="60"></td>
<td><img src="images/index-ad9.gif" width="297" height="60"></td>
<td><img src="images/index-ad11.gif" width="297" height="60"></td>
</tr>
<tr>
<td><img src="images/index-ad8.gif" width="297" height="60"></td>
<td><img src="images/index-ad10.gif" width="297" height="60"></td>
<td><img src="images/index-ad12.gif" width="297" height="60"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="895" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td colspan="3"><img src="images/hot_top.gif" width="895" height="25"></td>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?