js特效

最新推荐文章于 2023-09-08 16:38:10 发布
flanet
最新推荐文章于 2023-09-08 16:38:10 发布
阅读量2.8k
点赞数
分类专栏： js 文章标签： border class 招聘 function 网络娱乐
本文链接：https://blog.csdn.net/flanet/article/details/7583789
版权
js 专栏收录该内容
21 篇文章 0 订阅
订阅专栏
<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 close1(){
document.getElementById("clod").style.display="none";
document.getElementById("mscroll").style.display="none";
}
//使图片与滚动条一起滚动
    function getInitTop(){ 
initTop=document.getElementById("mscroll").style.pixelTop;
}
    function movePic(){ 
var moveTop = document.body.scrollTop; 
document.getElementById("mscroll").style.top=moveTop+initTop; 
}
   
//<!--随机漂浮广告开始-->
 
 
//每次移动的距离
var dx=5;
var dy=5;
//原始的高宽
var w=50;
var h=50;
//最终移动到的位置
var x=0;
var y=0;
function mov(){
 
if(x+dx>screen.width-w||x+dx<0){
dx = -dx;
}
if(y+dy>screen.height-h||y+dy<0){
dy = -dy;
}


x = x+dx;
y = y+dy;
document.getElementById("float").style.left=x;
document.getElementById("float").style.top=y;
b=setTimeout("mov()",100);
 


 
}
var now=1;
var max=3;
//设置招聘公司轮流显示的图片
function change(){
for(var i=1;i<=max;i++){
if(i==now)
document.getElementById("ad"+now).style.display="block";
else
document.getElementById("ad"+i).style.display="none";


}
if(now==max){
now=1;
}else
now=now+1;

setTimeout("change()",1000);
}
 
 
</SCRIPT>


<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</HEAD>
<BODY οnlοad="getInitTop(),mov(),change()" οnscrοll="movePic()">
<!-- InstanceBeginEditable name="EditRegion3" -->


<DIV class="main">
<!--带关闭按扭的随鼠标上下滚动的图片层-->
<DIV align="right" style="position:absolute;left:10px;top:100px;width:109px;background-color:#CCCCCC;z-index:2;" id="mscroll"><IMG src="image/close.jpg"id="clod"><BR><A href="javascript:close1();">关闭</A></DIV>








<!--随机漂浮广告开始-->
<DIV id="float" style="position:absolute;z-index:3;"><IMG src="image/float.gif" width="80" height="52"></DIV>








<!--头部开始-->
<DIV id="logo"><IMG src="image/logo.gif"></DIV>
<DIV id="menu"><A href="login.html"><IMG src="image/menu1-2.gif"></A><A href="search.html"><IMG src="image/menu2-2.gif"></A><A href="intro.html"><IMG src="image/menu3-2.gif"></A></DIV>
<DIV id="menu-bg1" style="padding-top:2px;"><FORM action="" method="post" name="myform">个人会员登录 | 会员名：  <INPUT name="username" type="text" class="index-input">     密码： <INPUT name="pwd" type="password" class="index-input">    <INPUT name="subbmit" type="submit" value=" " class="index-btn">   <INPUT name="zddl" type="checkbox" value="1"> 自动登录   <A href="register.html" class="A-white">新会员注册</A></FORM></DIV>
<!--搜索、图片、近期预告-->
<DIV style="padding-top:10px;"><TABLE width="99%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR><TD width="210"><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR align="center">
    <TD><A href="company.html"><IMG src="image/index-2.gif"></A></TD>
  </TR>
  <TR align="center">
    <TD><A href="company.html"><IMG src="image/index-3.gif" vspace="4"></A></TD>
  </TR>
  
  <TR align="center">
    <TD><A href="company.html"><IMG src="image/index-4.gif" vspace="4"></A></TD>
  </TR>
</TABLE></TD>
    <FORM action="search.html" method="post" name="search"><TD style="background-image:url(image/index-bg1.gif); background-repeat:no-repeat;padding-left:15px;padding-top:40px;" width="202" height="200">请输入关键词：<BR><INPUT name="search-key" type="text" class="register-input"><BR>例如：软件工程师<BR>
或 项目经理 互联网<BR>
<DIV align="center" style="width:150px;"><INPUT name="search-btn" type="submit" value=" " class="index-btn1"></DIV>
</TD></FORM>
<TD><DIV align="center">欢迎光临招聘网</DIV>
<DIV><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR align="center">
<!--   设置图片的轮流显示 -->
    <TD><A href="company.html"><IMG src="image/index-7.gif" id="ad1" style="posision:absolute;z-index:1"></A><A href="company.html"><IMG src="image/index-5.gif" id="ad2" style="posision:absolute;z-index:2"></A><A href="company.html"><IMG src="image/index-6.gif" id="ad3" style="posision:absolute;z-index:3"></A></TD>
  </TR>
   <TR align="center">
    <TD>·<A href="company.html">深圳高新技术人才专场招聘会</A>    ·<A href="company.html">近期预告敬请关注</A></TD>
  </TR>
  
</TABLE></DIV></TD>
<TD width="210" valign="top"><TABLE width="204" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD id="menu-bg1"style="border:1 #ff7000 solid;border-bottom:0;">·近期预告</TD>
  </TR>
  <TR>
    <TD style="padding-left:10px;border:1 #ff7000 solid;border-top:0;">
<!-- 加入马可标签使字体滚动 -->
<marquee scrolldelay="300" οnmοuseοver="this.stop()" οnmοuseοut="this.start()" direction="up">
      ·3G售前技术支持工程师<BR>
      ·3G测试工程师<BR>
      ·3G软件工程师<BR>
      ·3G系统工程师<BR>
      ·2007年9月无忧指数IT图解<BR>·3G售前技术支持工程师<BR>
      ·3G测试工程师<BR>
      ·3G软件工程师<BR>
      ·3G系统工程师<BR>
      ·2007年9月无忧指数IT图解</TD>
 </marquee>
  </TR>
</TABLE>
</TD>
  </TR>
</TABLE>
</DIV>
<!--品牌公司跑马灯-->
<DIV><IMG src="image/index-1.gif"></DIV>
<DIV style="padding-top:10px;"></DIV>
<!--图片广告-->
<DIV><TABLE width="962" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR align="center">
    <TD><A href="company.html"><IMG src="image/index-ad1.gif" hspace="4" vspace="4" border="0"></A></TD>
    <TD><A href="company.html"><IMG src="image/index-ad2.gif" hspace="4" vspace="4" border="0"></A><BR><IMG src="image/index-ad6.gif">
    <TD><A href="company.html"><IMG src="image/index-ad4.gif" hspace="4" vspace="4" border="0"></A><BR><A href="company.html"><IMG src="image/index-ad5.gif" hspace="4" vspace="4" border="0"></A></TD>
  </TR>
  <TR align="center">
    <TD><A href="company.html"><IMG src="image/index-ad7.gif" hspace="4" vspace="4" border="0"></A><BR>
<A href="company.html"><IMG src="image/index-ad8.gif" hspace="4" vspace="4" border="0"></A></TD>
    <TD><A href="company.html"><IMG src="image/index-ad9.gif" hspace="4" vspace="4" border="0"></A><BR><IMG src="image/index-ad10.gif">
    <TD><A href="company.html"><IMG src="image/index-ad11.gif" hspace="4" vspace="4" border="0"></A><BR><A href="company.html"><IMG src="image/index-ad12.gif" hspace="4" vspace="4" border="0"></A></TD>
  </TR>
</TABLE>
</DIV>
<!--最热招聘-->
<DIV><TABLE width="962" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD><IMG src="image/hot_top.gif"></TD>
  </TR>
  <TR>
    <TD><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD style="background-image:url(image/register-line.gif); background-repeat:repeat-y" width="3"></TD>
    <TD><TABLE width="97%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
    <TD><SPAN class="index-btn2"><A href="#hot1">计算机/网络/通信/电子</A></SPAN><SPAN class="index-btn2"><A href="#hot2">贸易/消费/制造/营运</A></SPAN></TD>
  </TR>
  <TR>
    <TD id="hot1">
      <DIV class="login-bold" style="padding-top:20px;"><IMG src="image/register-arrow.gif" width="9" height="9"> 计算机/网络/通信/电子</DIV>
 <DIV><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉网度信息科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·北京东方中科集成科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天行健科学仪器设备有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉电信系统集成分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉网路万通科技开发有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉理康科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉红帽电子娱乐有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉盛铭科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市一龙电气科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天腾通软科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉洛比科技有限公司    </TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉百捷网络服务有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·江苏新科数字技术有限公司武汉分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市武昌区徐恒电脑服务部</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉网度信息科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·北京东方中科集成科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天行健科学仪器设备有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉电信系统集成分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉网路万通科技开发有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉理康科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉红帽电子娱乐有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉盛铭科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市一龙电气科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天腾通软科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉洛比科技有限公司    </TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉百捷网络服务有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·江苏新科数字技术有限公司武汉分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市武昌区徐恒电脑服务部</TD>
  </TR>
</TABLE>
</DIV>
    </TD>
  </TR>
  <TR>
    <TD id="hot2"><DIV class="login-bold" style="padding-top:20px;"><IMG src="image/register-arrow.gif" width="9" height="9"> 贸易/消费/制造/营运</DIV>
 <DIV><TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉网度信息科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·北京东方中科集成科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天行健科学仪器设备有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉电信系统集成分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉网路万通科技开发有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉理康科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉红帽电子娱乐有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉盛铭科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市一龙电气科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天腾通软科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉洛比科技有限公司    </TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉百捷网络服务有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·江苏新科数字技术有限公司武汉分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市武昌区徐恒电脑服务部</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉网度信息科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·北京东方中科集成科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天行健科学仪器设备有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉电信系统集成分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉网路万通科技开发有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·深圳市天音美讯信息技术有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉理康科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉红帽电子娱乐有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉盛铭科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市一龙电气科技有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉天腾通软科技有限公司</TD>
  </TR>
   <TR>
    <TD style="border-bottom:1 #cccccc dotted;" height="25">·武汉洛比科技有限公司    </TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉百捷网络服务有限公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·江苏新科数字技术有限公司武汉分公司</TD>
    <TD style="border-bottom:1 #cccccc dotted;">·武汉市武昌区徐恒电脑服务部</TD>
  </TR>
</TABLE>
</DIV></TD>
  </TR>
</TABLE>
</TD>
    <TD style="background-image:url(image/register-line.gif); background-repeat:repeat-y"  width="3"></TD>
  </TR>
</TABLE>
</TD>
  </TR>
  <TR>
    <TD><IMG src="image/hot_down.gif"></TD>
  </TR>
</TABLE>


</DIV>
</DIV>


<!-- InstanceEndEditable -->
<DIV id="bottom-bg"class="bottom-bg">网站导航 | <A href="index.html" class="A-white">网站首页</A> | <A href="search.html" class="A-white">职位搜索</A> | <A href="login.html" class="A-white">Myjob</A> | <A href="register.html" class="A-white">用户注册</A> | <A href="login.html" class="A-white">用户登录</A> | <A href="intro.html" class="A-white">简历管理</A> | <A href="company.html" class="A-white">招聘公司</A></DIV>
<DIV id="bottom" class="bottom">人才招聘 Email:hr@51job.com<BR>个人求职 Email:club@51job.com　或垂询:800-820-5100 
<BR>
未经本招聘网站同意，不得转载本网站之所有招聘信息及作品 
<BR>
无忧工作网版权所有©1999-2007<BR>
<A href="http://www.miibeian.gov.cn" target="_blank"><IMG src="image/bottom1.gif" border="0"></A></DIV>
</BODY>
<!-- InstanceEnd --></HTML>
flanet
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js特效

我的招聘网//关闭图片function close1(){document.getElementById("clod").style.display="none";document.getElementById("mscroll").style.display="none";}//使图片与滚动条一起滚动 function getInitTop(){ initTop=doc
复制链接

扫一扫
专栏目录