简易手风琴

<!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>有意者请把简历发到：[email protected]</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>有意者请把简历发到：[email protected]</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>有意者请把简历发到：[email protected]</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>有意者请把简历发到：[email protected]</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>有意者请把简历发到：[email protected]</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>有意者请把简历发到：[email protected]</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>

WEB前端学习交流群21 598399936

时间： 2024-10-17 03:58:41

简易手风琴的相关文章

【JQuery】jQuery自制简易手风琴效果(附实现原理)

手风琴效果经常会用在网页左侧的导航栏,当导航内容比较多时使用手风琴的展示方式更有利于信息的传递和排版,下面就分享一个自己制作的简易手风琴效果,没有用图片,背景颜色也是随意设定的,在实际项目中大家可适当修改. 效果图: 实现原理: 1.当鼠标点击span标签(即一级导航)时,先判断子目录li是否已经展开(此处使用一个on类来做标记): 2.如果是,则收缩当前的li,移出on类标记,修改span右边的提示符为加号: 3.如果不是,则展开当前的li,增加on类标记,修改span右边的提示符为减号. 源

WPF 简易手风琴 (ListBox+Expander)

概述 之前听说很多大神的成长之路,几乎都有个习惯--写博文,可以有效的对项目进行总结.从而提高开发的经验.所以初学WPF的我想试试,顺便提高一下小学作文的能力.O(∩_∩)O哈哈~ 读万卷书不如行万里路,实践是最好的导师!最近在学习WPF,也尝试着做了一些小Demo,但并没有真正的使用WPF的开发模式--数据推动UI,最近偶然的机会也是工作需求,就尝试着写了一个简易的手风琴控件, 因为初学的原因,可能在逻辑上,代码上有些欠缺,还请大神们多多指点,在这里先感谢各位!(下面是效果图) 思路 剖析效果

10几款网页图片手风琴效果代码

简单的jquery手风琴插件带标题的水平手风琴图片轮换代码 jQuery CSS3水平滑动手风琴文字图片切换特效代码 jquery水平滑动手风琴菜单鼠标点击图片展示手风琴菜单代码 jquery手风琴相册幻灯片图片横向滚动展开收缩代码 jquery手风琴菜单制作横向菜单切换手风琴效果代码 jquery动漫人物网的横向手风琴切换效果 jquery水平手风琴鼠标滑过图片标题水平滑动切换 jquery 水平手风琴鼠标滑过标题图片滑动切换 原生js水平手风琴弹性相册图片展示 jQuery的简易手风琴插件_

Android 开发第七弹：简易时钟（秒表）

本文承接,Android 开发第五弹:简易时钟(闹钟) 和 Android 开发第六弹:简易时钟(计时器),这一部分是关于秒表的. 布局 同样是新建一个类(StopWatchView)并扩展自LinearLayout,并将其用作布局. <myapplication.nomasp.com.clock.StopWatchView android : id = "@+id/tabStopWatch" android : layout_width = "match_parent

最简易无加密方式下的ppp拨号连接

PPP拨号连接建立虚拟网卡,并可以进行路由设置.几乎所有其他的连接服务都建立在其之上,PPPoE,PPTP,L2TP等等. 而其中一个最基本的话题可能被忽略了,PPP是如何工作的,如何使用PPP建立最简易的连接. PPP协议实际上非常简单,握手信号之后即进行数据交换,由于原来的PPP连接的使用都是基于电话MODEM的点对点通信,不考虑过于复杂的加密并保证传输效率,所以PPP的缺省设置是基于tty设备的,如果使用串口就是ttyS0-ttyS? 当然,使用pppd应用于附加服务并不必须使用tty设备

求问自制简易Android地图大概思路

============问题描述============ 我想做一个简易的Android地图,不使用Google的API.让它可以实现移动,缩放,旋转,标记的功能.我现在知道的大体思路是把整张地图图片切割成若干小块,然后让这些小块共同移动,旋转.但是不知道这个思路对不对,还有使用什么Android控件和方法实现,请各位大神指点,谢谢!! ============解决方案1============ 引用 2 楼 despotdragon 的回复: Quote: 引用 1 楼 ITbailei 的回

简易状态机

SimpleFSM 包含状态切换以及事件驱动传递参数 下面的代码是登录的状态码 1 using System; 2 using UnityEngine; 3 using System.Collections; 4 5 public class LoginState : SingletonPrivider<LoginState>, GameState 6 { 7 private delegate void LoginEventHandler(object sender, LoginEventAr

在.NET里简易实现IoC

在.NET里简易实现IoC 前言 在前面的篇幅中对依赖倒置原则和IoC框架的使用只是做了个简单的介绍,并没有很详细的去演示,可能有的朋友还是区分不了依赖倒置.依赖注入.控制反转这几个名词,或许知道的也只是知道依赖倒置是原则,依赖注入.控制反转都是实现的方式,我将在下面对这些个名词做详细的介绍,在篇幅的最后还会自己实现了IoC容器的功能. 依赖倒置原则 我们先来看一段代码,代码1-1 public class Top { public void Execution() { Underly unde

老八系统简易调用AJAX

<script src="js/jquery-1.7.2.min.js"></script> <script> $(function(){ $("#txtaccount").blur(function(){ $.post("check.asp", { name:$(this).val(), type:"tjnickname" }, function(data,status){ if(data