码迷,mamicode.com
首页 > 其他好文 > 详细

简易手风琴

时间:2017-11-06 15:04:00      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:能力   hidden   type   本科毕业   point   设计模式   rip   log   浏览器兼容问题   

 
 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手风琴效果</title>
<style type="text/css">
.accordions {
  overflow: hidden;
  width: 800px;
  height: 350px;
  margin: 0 auto;
}
 
.yhd-switchable-trigger {
  float: left;
  overflow: hidden;
  width: 18px;
  height: 350px;
  padding: 3px 25px;
  cursor: pointer;
  margin: 2px;
  border-right: 1px solid #f0f0f0;
  background: #CCC;
}
 
h3 {
  float: left;
  width: 18px;
  padding-top: 65px;
  margin-left: 0;
  color: #333;
}
 
strong {
  color: #f63
}
 
.yhd-switchable-panel {
  float: left;
  width: 350px;
  height: 345px;
  padding: 0;
  border: 1px solid #f63;
  border-radius: 5px
}
 
.position_list {
  list-style: none;
  text-decoration: none;
  font-family: 宋体;
  padding: 5px;
  font-size: 12px
}
 
.olitem {
  padding-top: 10px;
  padding-left: 15px
}
</style>
</head>
<div class="accordions" id="accordion">
    <div class="yhd-switchable-trigger"><h3>安卓工程师</h3></div>
    <div class="yhd-switchable-panel">
<div class="boxcontent">
<ul>
<li class="position_list"><strong>岗位职责:</strong>
<ol class="olitem">
<li>负责本部门规章制度的建立与执行;</li>
<li>负责本部门日常管理工作;</li>
<li>负责制定年度新技术新产品的开发设计,以及执行;</li>
<li>负责技术研发团队的建设;</li>
</ol></li>
<li class="position_list"><strong>任职要求:</strong>
<ol class="olitem">
<li>本科学历,具有4年以上Java经验;</li>
<li>能够独立承担开发和设计Java Web系统能力;</li>
<li>精通常用的应用服务器(Tomcat、Weblogic、Websphere等)使用和调优;</li>
<li>精通常用的设计模式,具有较高的javascript水平;</li>
<li>精通J2EE开发和常用框架开发(SSH),对Java基础API具有深入掌握;熟悉Java设计模式者优先;</li>
<li>熟练使用Oracle等数据库,熟练编写各种SQL语句;</li>
<li>本职位对java能力要求达到较高水平,能担任技术研究工作,并能够指导其他技术人员;</li>
<li>有Android开发能力者优先;</li>
</ol><br>有意者请把简历发到:HR@xxxx.com</li>
</ul>
</div>
</div>
    <div class="yhd-switchable-trigger"><h3>初级工程师</h3></div>
    <div class="yhd-switchable-panel">
<div class="boxcontent">
<ul>
<li class="position_list"><strong>岗位职责:</strong>
<ol class="olitem">
<li>负责本部门规章制度的建立与执行;</li>
<li>负责本部门日常管理工作;</li>
<li>负责制定年度新技术新产品的开发设计,以及执行;</li>
<li>负责技术研发团队的建设;</li>
</ol></li>
<li class="position_list"><strong>任职要求:</strong>
<ol class="olitem">
<li>本科学历,具有1年以上Java开发经验;</li>
<li>熟悉J2EE技术框架,具有独立承担开发Java系统模块能力;</li>
<li>熟练使用Structs、Spring、Hibernate框架开发;</li>
<li>熟悉Java设计模式者优先;</li>
<li>熟悉Tomcat应用服务器技术及Eclipse等开发工具;</li>
<li>熟练使用Oracle、MSSQLSERVER等主流关系数据库;</li>
<li>对数据仓库行业有兴趣;</li>
</ol><br>有意者请把简历发到:HR@xxxx.com</li>
</ul>
</div>    
</div>
    <div class="yhd-switchable-trigger"><h3>数据库工程师</h3></div>
    <div class="yhd-switchable-panel">
<div class="boxcontent">
<ul>
<li class="position_list"><strong>岗位职责:</strong>
<ol class="olitem">
<li>Oracle数据库基本诊断和维护工作;</li>
<li>维护并开发Oracle相关PL/SQL程序;</li>
<li>参与调查客户数据分析、查询需求和系统设计;</li>
<li>系统问题数据修改,响应用户对系统的数据修改需求;</li>
<li>参与公司数据仓库系统开发</li>
</ol></li>
<li class="position_list"><strong>任职要求:</strong>
<ol class="olitem">
<li>计算机及其相关专业本科以上,至少3年程序开发工作经验;</li>
<li>能够快速接受各种新技术,能够积极主动完成工作和学习;</li>
<li>能完成较为复杂的SQLServer或Oracle存储过程;</li>
<li>能够对Oracle进行故障处理和基本管理;</li>
<li>有1年以上Java或dotNet等程序开发经验更佳;</li>
<li>有数据仓库ETL工作经验更佳;</li>
</ol><br>有意者请把简历发到:HR@xxxx.com</li>
</ul>
</div>    
</div>
  <div class="yhd-switchable-trigger"><h3>安卓工程师</h3></div>
    <div class="yhd-switchable-panel">
<div class="boxcontent">
<ul>
<li class="position_list"><strong>岗位职责:</strong>
<ol class="olitem">
<li>负责网站页面的整体美工创意、设计和页面的实现;</li>
<li>配合网站策划及开发人员进行相应的专题页面制作;</li>
<li>负责公司平面宣传品的设计;</li>
<li>全面主持设计工作,担纲创意核心、设计指导、效果统筹、设计沟通的任务;</li>
<li>负责公司广告、图片、动画、海报、logo及网页的设计制作上传;</li>
</ol></li>
<li class="position_list"><strong>任职要求:</strong>
<ol class="olitem">
<li>精通photoshop、coreldraw、flash、dreamweaver、div+css等;</li>
<li>两年以上网页美工工作经验;</li>
<li>熟练处理CSS与IE6、IE7、IE8、FireFox等浏览器兼容问题;</li>
<li>具备优秀的网站整体策划、设计能力,有丰富的网页设计经验;</li>
<li>具有深厚的美术功底及良好的创意构思能力;</li>
<li>具有丰富的视觉创作经验和独到的审美修养;</li>
<li>很好把握视觉色彩与网站布局,思想敏锐活跃;</li>
</ol><br>有意者请把简历发到:HR@xxxx.com</li>
</ul>
</div>    
</div>
    <div class="yhd-switchable-trigger"><h3>前台</h3></div>
    <div class="yhd-switchable-panel">
<div class="boxcontent">
<ul>
<li class="position_list"><strong>岗位职责:</strong>
<ol class="olitem">
<li>负责本部门规章制度的建立与执行;</li>
<li>负责本部门日常管理工作;</li>
<li>负责制定年度新技术新产品的开发设计,以及执行;</li>
<li>负责技术研发团队的建设;</li>
</ol></li>
<li class="position_list">任职要求:
<ol class="olitem">
<li>本科学历,具有1年以上Java开发经验;</li>
<li>熟悉J2EE技术框架,具有独立承担开发Java系统模块能力;</li>
<li>熟练使用Structs、Spring、Hibernate框架开发;</li>
<li>熟悉Java设计模式者优先;</li>
<li>熟悉Tomcat应用服务器技术及Eclipse等开发工具;</li>
<li>熟练使用Oracle、MSSQLSERVER等主流关系数据库;</li>
<li>对数据仓库行业有兴趣;</li>
</ol><br>有意者请把简历发到:HR@xxxx.com</li>
</ul>
</div>    
</div>
    <div class="yhd-switchable-trigger"><h3>网站美工</h3></div>
    <div class="yhd-switchable-panel">
<div class="boxcontent">
<ul>
<li class="position_list"><strong>岗位职责:</strong>
<ol class="olitem">
<li>计算机相关专业本科毕业,优秀实习生也可以考虑;</li>
<li>开发新的系统,参与调查客户需求和系统设计;</li>
<li>系统问题修改,响应用户对系统的修改需求,培训用户使用;</li>
<li>能够积极学习,有很好的合作态度;</li>
</ol></li>
<li class="position_list">任职要求:
<ol class="olitem">
<li>本科以上学历,1年以上.Net开发工作经验;</li>
<li>具有独立承担开发.Net项目能力;独立设计开发.NET管理系统能力;</li>
<li>精通Visual Studio, ASP.NET, C#;</li>
<li>拥有较强的HTML, CSS和JavaScript技术;</li>
<li>熟练使用Oracle、sqlserver等主流关系数据库;</li>
<li>熟练编写各种复杂SQL和存储过程语句更佳;</li>
</ol><br>有意者请把简历发到:HR@xxxx.com</li>
</ul>
</div>    
</div>
</div>
<script>
/*简易手风琴效果*/
$(‘#accordion‘).find(‘.yhd-switchable-panel‘).hide();
$(‘#accordion‘).find(‘.yhd-switchable-trigger‘).click(function () {
  var next = $(this).next();
  next.toggle();
  $(‘.yhd-switchable-panel‘).not(next).hide();
  return false;
});
</script>
 
</body></html>

 WEB前端学习交流群21 598399936

简易手风琴

标签:能力   hidden   type   本科毕业   point   设计模式   rip   log   浏览器兼容问题   

原文地址:http://www.cnblogs.com/luludehuhuan/p/7792831.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!