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

📄 company.html

📁 51job网站的源代码
💻 HTML
📖 第 1 页 / 共 2 页
字号:
<HTML><!-- InstanceBegin template="/Templates/Template.dwt" codeOutsideHTMLIsLocked="false" -->
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<!-- InstanceBeginEditable name="doctitle" -->
<TITLE>招聘公司网页</TITLE>
<LINK href="image/style.css" type="text/css" rel="stylesheet">
<SCRIPT language="JavaScript">
function show(d1){
document.getElementById(d1).style.display='block';  //显示层
}

function hide(d1){
document.getElementById(d1).style.display='none';  //隐藏层
}

//弹出flash广告窗口
window.open('open.html','','top=0,left=200,width=300,height=250,scrollbars=0,resizable=0');  
</SCRIPT>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->

<!-- InstanceEndEditable -->
</HEAD>
<BODY>
<!-- InstanceBeginEditable name="EditRegion3" -->
<DIV>
<!--头部及菜单-->
<DIV><TABLE width="730" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD  bgColor="#e5e5e5" height="60"><DIV style="float:left; padding-left:10px;"><IMG src="image/zx-banner.gif"></DIV>
	<DIV style="padding-right:10px; float:right">
	  <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="375" height="48">
        <PARAM name="movie" value="image/zxtop.swf">
        <PARAM name="quality" value="high">
        <EMBED src="image/zxtop.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" width="375" height="48"></EMBED>
	    </OBJECT>
	</DIV>
    </TD>
  </TR>
  <TR><TD height="1"></TD></TR>
  <TR>
    <TD><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR><TD width="172" bgcolor="#dfdfdf" align="center" style="border-bottom:#ffffff 1 solid;"><A href="company.html"><FONT color="#000000">首 页</FONT></A></TD>
    <TD><A href="#" class="div-link"  onMouseOver="show('s1')" onMouseOut="hide('s1')">关于中信</A></TD>
    <TD><A href="#" class="div-link" onMouseOver="show('s2')" onMouseOut="hide('s2')">公司业务</A></TD>
    <TD><A href="#" class="div-link" onMouseOver="show('s3')" onMouseOut="hide('s3')">公益事业</A></TD>
	<TD><A href="#" class="div-link"  onMouseOver="show('s4')" onMouseOut="hide('s4')">中信研究</A></TD>
    <TD><A href="#" class="div-link" onMouseOver="show('s5')" onMouseOut="hide('s5')">推荐招聘</A></TD>
    <TD><A href="#" class="div-link" onMouseOver="show('s6')" onMouseOut="hide('s6')">特色推荐</A></TD>
 </TR>
  <TR><TD></TD>
    <TD><DIV class="company-hide" id="s1" onMouseOver="show('s1')" onMouseOut="hide('s1')"><A href="#" class="div-link">公司简介</A><BR><A href="#" class="div-link">集团领导</A><BR><A href="#" class="div-link">领导题词</A><BR><A href="#" class="div-link">业务回顾</A><BR><A href="#" class="div-link">公司历史</A><BR><A href="#" class="div-link">中信风格</A><BR><A href="#" class="div-link">公司年报</A><BR><A href="#" class="div-link">公司要闻</A></DIV></TD>
    <TD><DIV  class="company-hide" id="s2"    onMouseOver="show('s2')" onMouseOut="hide('s2')"><A href="#" class="div-link">金融</A><BR><A href="#" class="div-link">非金融</A></DIV></TD>
    <TD><DIV  class="company-hide" id="s3"    onMouseOver="show('s3')" onMouseOut="hide('s3')"><A href="#" class="div-link">扶贫</A><BR><A href="#" class="div-link">绿化</A><BR><A href="#" class="div-link">援藏</A></DIV></TD>
	 <TD><DIV class="company-hide"  id="s4" onMouseOver="show('s4')" onMouseOut="hide('s4')"></DIV></TD>
    <TD><DIV  class="company-hide" id="s5"    onMouseOver="show('s5')" onMouseOut="hide('s5')"></DIV></TD>
    <TD><DIV  class="company-hide" id="s6"    onMouseOver="show('s6')" onMouseOut="hide('s6')"><A href="#" class="div-link">网络金融</A><BR><A href="#" class="div-link">中信出版</A><BR><A href="#" class="div-link">会展服务</A></DIV></TD>
  </TR></TABLE></TD>
  </TR>
</TABLE>
</DIV>
<!--中间-->
<DIV><TABLE width="730" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD width="172" style="background-image:url(image/company-bg.gif); background-repeat:repeat-y;" valign="top">
	<DIV style="padding-left:10px;"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <FORM method="get" name="myform"><TR>
    <TD height="30">用户名:</TD>
    <TD><INPUT name="username" type="text" class="company-input"></TD>
  </TR>
  <TR>
    <TD height="25">密&nbsp;&nbsp;码:</TD>
    <TD><INPUT name="pwd" type="password" class="company-input"></TD>
  </TR>
  <TR align="center">
    <TD height="30"><INPUT name="b1" type="button" value="登 录" class="btn"></TD>
    <TD><INPUT name="B2" type="reset" value="重 置" class="btn"></TD>
  </TR></FORM>
</TABLE>
	</DIV>
	<DIV><IMG src="image/company-left01.gif"></DIV>
	<DIV><TABLE width="85%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD height="25">&nbsp;<IMG src="image/company-arrow.gif"> <A href="javascript:showr(1);">热点招聘</A></TD>
  </TR>
  <TR>
    <TD style="background-image:url(image/company-dot.gif); background-repeat:repeat-x;"></TD>
  </TR>
 <TR>
    <TD height="25">&nbsp;<IMG src="image/company-arrow.gif"> <A href="javascript:showr(2);">检索职位</A></TD>
  </TR>
  <TR>
    <TD style="background-image:url(image/company-dot.gif); background-repeat:repeat-x;"></TD>
  </TR>
  <TR>
    <TD height="25">&nbsp;<IMG src="image/company-arrow.gif"> <A href="javascript:showr(3);">注册</A></TD>
  </TR>
  <TR>
    <TD style="background-image:url(image/company-dot.gif); background-repeat:repeat-x;"></TD>
  </TR>
  <TR>
    <TD height="25">&nbsp;<IMG src="image/company-arrow.gif"> <A href="javascript:showr(4);">找回密码</A></TD>
  </TR>
  <TR>
    <TD style="background-image:url(image/company-dot.gif); background-repeat:repeat-x;"></TD>
  </TR>
  <TR>
    <TD height="15"></TD>
  </TR>
</TABLE>
<SCRIPT language="javascript">
function showr(dd){
for(var i=1;i<=4;i++){
if(i==Number(dd))
document.getElementById('left-menu'+dd).style.display='block';  //显示鼠标点击链接对应层
else
document.getElementById('left-menu'+i).style.display='none';   //隐藏其他层
}
}
</SCRIPT>
</DIV>
<DIV><IMG src="image/company-left02.gif"></DIV>
<TABLE width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <FORM action="" method="get" name="myform1">
   <TR>
    <TD>请选择城市:</TD>
  </TR>
  <TR>
    <TD height="25" align="center"><SELECT name="selProvince" id="selProvince" onChange="changeCity( )" style="WIDTH: 110px">
        <OPTION>--选择省份--</OPTION>
      </SELECT>
      </TD>
  </TR>
  <TR>
    <TD height="25" align="center"><SELECT name="selCity" id="selCity" style="WIDTH: 110px">
             <OPTION>--选择城市--</OPTION></SELECT></TD>
  </TR>
  <TR>
    <TD align="center" height="35"><INPUT name="B22" type="submit" value="查 询" class="btn"></TD>
  </TR></FORM>
</TABLE><SCRIPT language="javascript">
var cityList = new Array();
      cityList['北京市'] = ['北京市','朝阳区','东城区','西城区', '海淀区','宣武区','丰台区','怀柔','延庆','房山'];
	 cityList['上海市'] = ['上海市','宝山区','长宁区','丰贤区', '虹口区','黄浦区','青浦区','南汇区','徐汇区','卢湾区'];
	 cityList['广州省'] = ['广州省','广州市','惠州市','汕头市','珠海市','佛山市','中山市','东莞市'];
     cityList['深圳市'] = ['深圳市','福田区', '罗湖区', '盐田区', '宝安区', '龙岗区', '南山区', '深圳周边'];
	 cityList['重庆市'] =['重庆市','俞中区', '南岸区', '江北区', '沙坪坝区', '九龙坡区', '渝北区', '大渡口区', '北碚区'];
     cityList['天津市'] = ['天津市','和平区', '河西区', '南开区', '河北区', '河东区', '红桥区', '塘古区', '开发区'];
	 cityList['江苏省'] = ['江苏省','南京市','苏州市','无锡市'];
	 cityList['浙江省'] = ['浙江省','杭州市','宁波市','温州市'];
	 cityList['四川省'] = ['四川省','成都市'];
	 cityList['海南省'] = ['海南省','海口市'];
	cityList['福建省'] = ['福建省','福州市','厦门市','泉州市','漳州市'];
	 cityList['山东省'] = ['山东省','济南市','青岛市','烟台市'];
	 cityList['江西省'] = ['江西省','南昌市'];
	 cityList['广西'] = ['广西','南宁市'];
	 cityList['安徽省'] = ['安徽省','合肥市'];
	 cityList['河北省'] = ['河北省','石家庄市'];
	 cityList['河南省'] = ['河南省','郑州市'];
	 cityList['湖北省'] = ['湖北省','武汉市','宜昌市'];
	 cityList['湖南省'] = ['湖南省','长沙市'];
	 cityList['陕西省'] = ['陕西省','西安市'];
	 cityList['山西省'] = ['山西省','太原市'];
	 cityList['黑龙江省'] = ['黑龙江省','哈尔滨市'];
	 cityList['国外'] = ['国外'];
	 cityList['其他'] = ['其他'];
	 
  function changeCity()
  {    //自动创建城市地区列表
     var province=document.myform1.selProvince.value; 
	 document.myform1.selCity.options.length=0;
	 for (var i in cityList) 
	 {
	        if (i == province) 
			{
                for (var j in cityList[i]) 
				{
                     document.myform1.selCity.options.add(new Option(cityList[i][j], cityList[i][j]));
                }
            }
       }
	 document.myform1.selCity.options.selctIndex=0;
  }
  
  function AllCity(){   //自动创建城市列表
       for (var i in cityList)  
	   {
         document.myform1.selProvince.options.add(new Option(i, i)); 
		}
        document.myform1.selProvince.selectedIndex = 0; 		
  }
    window.onLoad=AllCity();
</SCRIPT>

	</TD>
    <TD valign="top">
	<!--轮换横幅广告-->
	<DIV align="center"><IMG src="image/scroll1.jpg" style="display:none;"id="ad1"><IMG src="image/scroll3.jpg" style="display:none;"id="ad2"><IMG src="image/scroll2.jpg" style="display:none;"id="ad3"><IMG src="image/scroll4.jpg" style="display:none;"id="ad4"></DIV>
	<SCRIPT language="javascript">
	var NowFrame=1;  //全局变量,轮换显示图片的第一张
	var MaxFrame=4;  //全局变量,轮换显示图片的最大张数
	function adv(){
	for(var i=1;i<=MaxFrame;i++){
	 if(i==NowFrame)
	   document.getElementById('ad'+NowFrame).style.display='';   //目前显示的图片
	   else
	   document.getElementById('ad'+i).style.display='none';      //隐藏其他图片
	   }
	{
	if(NowFrame==MaxFrame)   //设置下一张显示的图片
	   NowFrame=1;
	   else
	     NowFrame=NowFrame+1;

⌨️ 快捷键说明

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