style.css

阶段项目 javascript,主要是模仿51.com网站的页面特效

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	text-align:center;
}
.alertStyle{ 
color:#6666FF; 
font-weight:bold; 
filter:progid:DXImageTransform.Microsoft.Glow(Color=skyblue,Strength=3);
padding-bottom:2px;}

.alertStyle2{
width:100px;
height:20px; 
color:#6666FF; 
font-size:11px;
filter:progid:DXImageTransform.Microsoft.Glow(Color=skyblue,Strength=3);
padding-bottom:0px;}

.alertStyle3{ 
filter:progid:DXImageTransform.Microsoft.Glow(Color=skyblue,Strength=3);}

image{ border:0;}
td{font-size:12px;color:#414141;line-height:22px;}

.white {color: #FFFFFF}
A{color:#414141;text-decoration:none;}
A:hover{color:#ff7000;text-decoration:none;}

.A-white{padding-top:0px;
         color:#FFFFFF;
		 text-decoration:none;}
.A-white:hover{
              color:#FFFFFF;
		      text-decoration:none;}
.btn{
     border:1 #cccccc solid;
	 background-color:#dfdfdf;
	 width:50px;
	 text-align:center;
	 padding-top:3px;
	 height:22px;
	font-size:12px;
	 }
.yellow{
        color:#ff7000;}
.main{
     padding-top:10px;
	 padding-bottom:10px;
	 width:1000px;;
	 }

#logo{
      float:left;
	  padding-left:30px;
	  }
#menu{
      padding-top:35px;
	  text-align:right;
	  padding-right:20px;  }
	
#menu-bg1{background-image:url(menu-bg1.gif);
		  height:33px;
		  overflow:hidden;
		  color:#FFFFFF;
		  padding-top:5px;}
		  
.register{padding-top:30;
          padding-bottom:30px;
		  
		  }
.register-bold{
            font-size:14px;
			font-weight:bold;
			color:#666666;
			padding-top:15px;
			padding-bottom:15px;
           }

.register-input{
            border-left:1 #666666 solid;
			border-top:1 #666666 solid;
			border-right:1 #cccccc solid;
			border-bottom:1 #cccccc solid;
			width:160px;
			height:22px;
           }
.register-td{
          width:70px;
		  text-align:right;
		  padding-right:10px;
		  height:30px;
           }
.register-over{
            background-image:url(register-sm1.gif);
			width:127px;
			height:39px;
			overflow:hidden;
			border:0;
			}
.register-out{
            background-image:url(register-sm2.gif);
			width:127px;
			height:39px;
			overflow:hidden;
			border:0;
			}
.register-check{
            background-image:url(register-check.gif);
			width:111px;
			height:24px;
			overflow:hidden;
			border:0; 
            }
.font_error{color:#FF0000;}
.font_true{color:#ff7000;}

.login-over{background-color:#fffff7;
            background-image:url(login-sm2.gif);
			width:100px;
			height:33px;
			overflow:hidden;
			border:0;
			}
.login-out{ background-color:#fffff7;
            background-image:url(login-sm1.gif);
			width:100px;
			height:33px;
			overflow:hidden;
			border:0;
			}
.btn-login{ background-image:url(login-1.gif);
			width:158px;
			height:26px;
			overflow:hidden;
			border:0;
			}


.btn-hotemploy{ background-image:url(btn_bg.gif);
			width:225px;
			height:27px;
			overflow:hidden;
			border:0;
			}



.login-bold{
           font-size:13px;
		   font-weight:bold;
		   color:#ff7000;
		   }

.intro-left{
           padding-left:10px;
		   padding-right:10px;
		   padding-top:10px;
		   border:1 #cccccc dashed;
		   background-color:#fffff7;
		   width:190px;
		   }

.intro-tdlogin{
		   border-bottom:1 gray dashed;
		   }
		   
.intro-text{border:1px gray solid; width:160px; height:19px;}
.intro-text2{border:1px gray solid; width:100px; height:20px;}
.intro-text3{border:1px gray solid; width:120px; height:17px;}
.intro-textarea{border:1px gray solid; width:450px; height:50px;}


.intro-l1{
         font-size:13px;
		 font-weight:bold;
		 color:#000000;
		 padding-left:20px;
		 padding-top:10px;
		 padding-bottom:10px;
		 }
.intro-l2{
		 padding-left:20px;
		 padding-top:10px;
		 padding-bottom:10px;
		 }
.intro-right{
         padding-left:30px;
		 }
.intro-td{
          width:80px;
		  height:30px;
		  text-align:right;}
.search-key{
          background-image:url(key_search.gif);
		  background-repeat:no-repeat;
		  padding-left:20px;
		  height:22px;
		  line-height:20px;
          border:1 #cccccc solid;
		  width:400px;
		 
         }
.search-left{padding-left:35px;} 
.search-top{
            position:absolute;
			display:none;
			left:200px;
			top:240px;
			width:600px;
			border-bottom:2 #ff7000 solid;
			background-color:#fffff7;
			z-index:1;
			}
.search-menu{
           color:#ffffff;
           padding-top:4px;
           background-image:url(bottom-bg.gif);
		   height:30px;
           overflow:hidden;
			padding-left:10px;
			text-align:left;
			z-index:6;
			}
.searcharea{border:0;
            background-image:url(search-1.gif);
			width:78px;
			height:27px;
			overflow:hidden;
			text-align:center;
			cursor:pointer;
			padding-top:7px;}
.btn-search{border:0;
            background-image:url(search-job.gif);
			width:134px;
			height:32px;
			overflow:hidden;
			cursor:pointer;}
.btn-search1{
	         border: 0;
	         background-image:url(search-choice.gif);
	         width: 210px;
	         height: 24px;
	         overflow:hidden;
	         cursor:pointer;
         }
.search-train{
            display:none;
			position:absolute;
			left:200px;
			top:300px;
			width:600px;
			border-bottom:2 #ff7000 solid;
			background-color:#fffff7;
			z-index:6;
			}

.search-select{width:100px;
			 }			
/*招聘公司页面样式*/
.div-link {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none;
/*文字链接的背影样式*/
          background-color:#dfdfdf;
		  border-left:1 #FFFFFF solid;
          width:93px;line-height:22px;text-align:center;border-bottom:1 #FFFFFF solid;}
.div-link:hover {FONT-SIZE: 12px; COLOR: #FFFFFF;
/*鼠标在文字链接上时的文字背景样式*/
                background-color:#cc0000;
                width:93px;line-height:22px;text-align:center;}
.company-hide{/*设置层背景样式*/
               background-color:#669933;
               text-align:center;position:absolute;z-index:2;display:none; }			

.company-input{
            border-left:1 #666666 solid;
			border-top:1 #666666 solid;
			border-right:1 #cccccc solid;
			border-bottom:1 #cccccc solid;
			width:100px;
			height:20px;
           }
.company-tr1{border-top:1 #98ACC4 solid;
             border-right:1 #FFFFFF solid;
		padding-top:3px;
			 height:25px;
			 font-weight:bold;
			 color:#000000;
			 text-align:center;
			 background-color:#DCE2EE;}
.company-tr{border-bottom:1 #6699ff dashed;
		background-color:#FBFAFF;
		}

.bootStyle{line-height:16px;}
			 
.company-br1{border-bottom:1 #DCE2EE solid;
             border-right:1 #FFFFFF solid;
			 height:25px;
			 text-align:center;
			 background-color:#FBFAFF;
			 }
.company-br2{border-bottom:2 #FFFFFF solid;
             border-right:2 #FFFFFF solid;
			 height:28px;
			 color:#000000;
			 text-align:center;
			 background-color:#DCE2EE;
			 }
.company-br3{border-bottom:2 #FFFFFF solid;
             border-right:2 #FFFFFF solid;
			 height:28px;
			 background-color:#FBFAFF;
			 }
.index-input{border:1 #efefef solid;
             height:16px;
			 width:100px;
			 font-size:11px;}
.index-btn{
			border:0;
			background:none;
			background-image:url(login.gif);
			overflow:hidden;
			height:20px;
			width:46px;
			}
.index-btn1{
	         border: 0;
	         background-image:url(search.gif);
	         width: 70px;
	         height: 30px;
	         overflow:hidden;
	         cursor:pointer;
         }	
.index-btn2{
	         border: 0;
	         background-image:url(btn_bg.gif);
			 background-repeat:no-repeat;
	         width: 230px;
	         height: 30px;
	         overflow:hidden;
			 padding-left:40px;
			 padding-top:2px;
         }		 		

/*网页底部样式*/
/*导航层样式*/
.bottom-bg{
           color:#ffffff;
           padding-top:9px;
           text-align:center;
           background-image:url(bottom-bg.gif);
		   height:35px;
           overflow:hidden;
		   width:1000px;
           }

/*最底下方文本层样式*/		  
.bottom{
        color:#414141;
        line-height:20px;
        text-align:center;
		width:1000px;
	   }