模仿某网站招聘列表_html/css_WEB-ITnose

引言

关注到一朋友所在公司的网站，看到招聘信息部分，突然觉的这个效果简单并且可复用，然后自己就练习了一把。

缺点

点击标题展开内容后，文字有点抖动，还没排查出来问题所在。

页面

 1 
 
   2     
  
高级Java软件工程师
 3     
  
    4 
   
岗位职责
 5 
   
 

  
     6 
    
  
负责系统架构设计和优化。
 7 
    
  
参与核心模块的编码与开发。
 8 
    
  
指导软件工程师的开发
 9 
    
  
了解互联网的技术发展，评估外部技术与解决方案
10 
    
  
提供团队的技术分析，设计和编码能力
11 
   
 
12 
   
任职要求:
13 
   
 

  
    14 
    
  
计算机相关专业本科以上学历，大型互联网经验者优先；
15 
    
  
2-5年大型分布式应用系统分析、设计、开发经验；
16 
    
  
2年SSH(Struts, Spring, Hibernate)实践经验；
17 
    
  
在可扩展、高性能，高并发，高稳定性系统设计，开发和调优方面有实际经验；
18 
    
  
JAVA技术知识扎实，熟悉IO，多线程，异步处理，集合类等基础框架，熟悉缓存，消息，搜索等机制；
19 
   
 
20 
  21 
 22 
 
  23     
  
高级C#软件工程师
24     
  
   25 
   
岗位职责
26 
   
 

  
    27 
    
  
负责系统架构设计和优化。
28 
    
  
参与核心模块的编码与开发。
29 
    
  
指导软件工程师的开发
30 
    
  
了解互联网的技术发展，评估外部技术与解决方案
31 
    
  
提供团队的技术分析，设计和编码能力
32 
   
 
33 
   
任职要求:
34 
   
 

  
    35 
    
  
计算机相关专业本科以上学历，大型互联网经验者优先；
36 
    
  
2-5年大型分布式应用系统分析、设计、开发经验；
37 
    
  
2年SSH(Struts, Spring, Hibernate)实践经验；
38 
    
  
在可扩展、高性能，高并发，高稳定性系统设计，开发和调优方面有实际经验；
39 
    
  
JAVA技术知识扎实，熟悉IO，多线程，异步处理，集合类等基础框架，熟悉缓存，消息，搜索等机制；
40 
   
 
41 
  42 
 

CSS

body    {        margin:0px;        padding:0px;        font-size:10px;    }        .jobs_box    {        width:590px;        margin:20px 0 0 10px;        border-bottom:1px dashed #e7eaec;    }        .jobs_box ul     {        list-style-type:decimal;    }        .jobs_box ul li     {        margin-left:15px;    }        .jobs_box .up, .jobs_box .down    {        width:16px;        height:16px;            }            .jobs_box .up {background:url(images/plus.png) no-repeat;}    .jobs_box .down{background:url(images/minus.png) no-repeat;}        .jobs_box h2    {       font-size:14px;       line-height:24px;       cursor:pointer;    }        .jobs_box h2 b     {        float:left;        width:560px;        margin:-3px 0 0 30px;            }        .jobs_box h3    {       padding-top:30px;           }        .jobs_box .hp_cont    {        padding:0 15px 0 25px;            }

jQuery代码

效果图