• 前端案例分享:简易手风琴

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>手风琴效果</title>

    <style type="text/css">

    .accordions {

      overflow: hidden;

      800px;

      height: 350px;

      margin: 0 auto;

    }

    .yhd-switchable-trigger {

      float: left;

      overflow: hidden;

      18px;

      height: 350px;

      padding: 3px 25px;

      cursor: pointer;

      margin: 2px;

      border-right: 1px solid #f0f0f0;

      background: #CCC;

    }

    h3 {

      float: left;

      18px;

      padding-top: 65px;

      margin-left: 0;

      color: #333;

    }

    strong {

      color: #f63

    }

    .yhd-switchable-panel {

      float: left;

      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 src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

    <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>

    你要的海量学习资料，在这里——前端/JAVA/PHP学习交流群
  • 相关阅读:
    xib上的控件属性为什么要使用weak
    authenticating with the app store 一直卡住--问题记录
    ios-tableview加载卡顿的解决方案
    魔链的参考文档--移动应用之deeplink唤醒app
    iOS中Category和Extension 原理详解
    剑指offer 9-10:青蛙跳台阶与Fibonacii数列
    剑指offer 8：旋转数组的最小数字
    设计模式：单例模式(singleton)
    设计模式：工厂模式
    C++智能指针解析
  • 原文地址：https://www.cnblogs.com/xsns/p/6829704.html
Copyright © 2020-2023  润新知