模仿某网站招聘列表_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代码

效果图