纯CSS3实现的手风琴展开效果
作者:venturelab
纯CSS3实现的手风琴展开效果，无需任何js代码，纯CSS3实现，鼠标滑过自动展开，可以实现横向和纵向的手风琴效果，简单实用。
下载"纯CSS3实现的手风琴展开效果"
您可能还关注以下内容：
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：0&&&&
点击：5100&&&&
点击：4838&&&&
点击：0&&&&
点击：4177&&&&
点击：3341&&&&
点击：6374&&&&
点击：0&&&&
点击：1295&&&&
点击：0&&&&
合作网站：您的位置： >
基于jQuery设计的手风琴式列表样式
基于jQuery设计的手风琴式列表样式
　　这是烈火网小编在国外某知名网站看到的一款手风琴式列表样式效果，只显示一个显示标题和文字，单击另一个标题时，滑动关闭另一个，WEB前端时代，jQuery下的东西，就是好用并且好看。建议各位尚未建站的朋友在网页中加载，不说费话，来看一下具体效果：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gbk& /&
&title&基于jQuery设计的手风琴式列表样式&/title&
&script type=&text/javascript& src=&/uploads/Common/jquery-1.3.2.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
$(&.accordion h3:first&).addClass(&active&);
$(&.accordion p:not(:first)&).hide();
$(&.accordion h3&).click(function(){
$(this).next(&p&).slideToggle(&slow&)
.siblings(&p:visible&).slideUp(&slow&);
$(this).toggleClass(&active&);
$(this).siblings(&h3&).removeClass(&active&);
&style type=&text/css&&
margin: 10
width: 570
font: 75%/120% Arial, Helvetica, sans-
.accordion {
width: 480
border-bottom: solid 1px #c4c4c4;
.accordion h3 {
background: #e9e7e7 url(/uploads/allimg/091221/arrow-square.gif) no-repeat right -51
padding: 7px 15
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-
border: solid 1px #c4c4c4;
border-bottom:
.accordion h3:hover {
background-color: #e3e2e2;
.accordion h3.active {
background-position: right 5
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
&div class=&accordion&&
&h3&微软计划推迟发布Visual Studio 2010时间&/h3&
&p&微软将推迟发布Visual Studio 2010和.NET Framework 4等软件以便有更多的时间解决性能问题.微软星期五称,它计划在明年2月发布这些软件的额外的测试版本,也就是候选发布版.同时,这个工具集的工程团队将把重点放在改善性能方面.详细：/a/view/11675.html&/p&
&h3&不断更换虚拟主机对网站排名的影响&/h3&
&p&最近因为服务器被封，而造成网站打不开、不稳定现象想必受此影响的站长们应该是身受其害吧。对做网站优化的站长来说这一段时间可能是不好过的日子。网站打不开，对做网站优化的朋友是最心急的事情，为什么呢?网站打不开你所做优化就会受大最大的影响，如果一天、两天网站打不开...文章源自：烈火网，原文：/a/view/11673.html&/p&
&h3&网站site网址不在首页该怎么办？&/h3&
&p&百度推出的凤巢计划掀起的血雨腥风已经慢慢平息了，前期刚刚推出的时候众多的网站site:发现首页已经没有在第一了，为什么网站site:首页不在第一，但是很多关键词排名都没有较大的降低。
文章源自：烈火网，原文：/a/view/11674.html&/p&
&h3&最新消息：空闲域名被建议中止停放页面&/h3&
&p&根据CNNIC发布的《关于进一步加强域名注册信息审核工作的公告》的相关规定，注册域名只允许企业注册，我们建议用户尽快做好模板的重新设置，避免影响新域名的注册以及今后已注册域名的续费可能出现的问题。
文章源自：烈火网，原文：/a/view/11660.html&/p&
&h3&IE反垄断方案存在隐患 或受黑客利用遭攻击&/h3&
&p&据国外媒体报道，有分析师日前表示，微软与欧盟达成的IE反垄断解决方案存在安全隐患，有可能被黑客利用发动攻击。欧盟周三宣布，已接受微软对IE浏览器的修改方案，从而结束了对IE的长期反垄断调查。文章源自：烈火网，原文：/a/view/11659.html&/p&
&br /&&center&如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&a href='/' target='_blank'&/&/a&&/center&提示：点击运行代码后，需要刷新！
　　上面的例子中，是默认第一个标题是打开的，如何指定打开哪个标题，该如何做呢？再看下面的演示：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=GBK& /&
&title&基于jQuery设计的手风琴式列表样式&/title&
&script type=&text/javascript& src=&/uploads/Common/jquery-1.3.2.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
$(&.accordion2 h3&).eq(2).addClass(&active&);
$(&.accordion2 p&).eq(2).show();
$(&.accordion2 h3&).click(function(){
$(this).next(&p&).slideToggle(&slow&)
.siblings(&p:visible&).slideUp(&slow&);
$(this).toggleClass(&active&);
$(this).siblings(&h3&).removeClass(&active&);
&style type=&text/css&&
margin: 10
width: 570
font: 75%/120% Arial, Helvetica, sans-
.accordion2 {
width: 480
border-bottom: solid 1px #c4c4c4;
.accordion2 h3 {
background: #e9e7e7 url(/uploads/allimg/091221/images/arrow-square.gif) no-repeat right -51
padding: 7px 15
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-
border: solid 1px #c4c4c4;
border-bottom:
.accordion2 h3:hover {
background-color: #e3e2e2;
.accordion2 h3.active {
background-position: right 5
.accordion2 p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
&div class=&accordion2&&
&h3&微软计划推迟发布Visual Studio 2010时间&/h3&
&p&微软将推迟发布Visual Studio 2010和.NET Framework 4等软件以便有更多的时间解决性能问题.微软星期五称,它计划在明年2月发布这些软件的额外的测试版本,也就是候选发布版.同时,这个工具集的工程团队将把重点放在改善性能方面.详细：/a/view/11675.html&/p&
&h3&不断更换虚拟主机对网站排名的影响&/h3&
&p&最近因为服务器被封，而造成网站打不开、不稳定现象想必受此影响的站长们应该是身受其害吧。对做网站优化的站长来说这一段时间可能是不好过的日子。网站打不开，对做网站优化的朋友是最心急的事情，为什么呢?网站打不开你所做优化就会受大最大的影响，如果一天、两天网站打不开...文章源自：烈火网，原文：/a/view/11673.html&/p&
&h3&网站site网址不在首页该怎么办？&/h3&
&p&百度推出的凤巢计划掀起的血雨腥风已经慢慢平息了，前期刚刚推出的时候众多的网站site:发现首页已经没有在第一了，为什么网站site:首页不在第一，但是很多关键词排名都没有较大的降低。
文章源自：烈火网，原文：/a/view/11674.html&/p&
&h3&最新消息：空闲域名被建议中止停放页面&/h3&
&p&根据CNNIC发布的《关于进一步加强域名注册信息审核工作的公告》的相关规定，注册域名只允许企业注册，我们建议用户尽快做好模板的重新设置，避免影响新域名的注册以及今后已注册域名的续费可能出现的问题。
文章源自：烈火网，原文：/a/view/11660.html&/p&
&h3&IE反垄断方案存在隐患 或受黑客利用遭攻击&/h3&
&p&据国外媒体报道，有分析师日前表示，微软与欧盟达成的IE反垄断解决方案存在安全隐患，有可能被黑客利用发动攻击。欧盟周三宣布，已接受微软对IE浏览器的修改方案，从而结束了对IE的长期反垄断调查。文章源自：烈火网，原文：/a/view/11659.html&/p&
&br /&&center&如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&a href='/' target='_blank'&/&/a&&/center&提示：可修改后代码再运行!
上一篇： 下一篇：怎样设置美图秀秀为默认打开图片方式？？_百度知道
怎样设置美图秀秀为默认打开图片方式？？
1、选择一张图片，右击选择打开方式→选择默认程序；2、在已经安装美图秀秀软件的前提下，找到美图秀秀图标，勾选“始终使用选择的程度打开这种文件”就可以了。
其他类似问题
2人觉得有用
为您推荐：
下载美图看看吧你看个图片开美图秀秀。。。太奢侈了吧
您可能关注的推广回答者：
美图秀秀的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁纯CSS3实现的横向和纵向鼠标滑过手风琴自动展开效果
纯CSS3实现的横向和纵向鼠标滑过手风琴自动展开效果脚本简介：
纯CSS3实现的手风琴展开效果，无需任何js代码，纯CSS3实现，鼠标滑过自动展开，可以实现横向和纵向的手风琴效果，经测试效果相当不错简单实用。
下载地址：
解压密码：www.jb51.net 就是本站主域名，希望大家看清楚。
推荐使用 [
] 下载，使用 [
] 以上版本解压本站脚本。
如果这个脚本总是不能下载的请在评论中留言,我们会尽快修复，谢谢!
下载本站资源，如果服务器暂不能下载请过一段时间重试!
如果遇到什么问题，请评论留言，我们定会解决问题，谢谢大家支持!
本站提供的一些商业脚本是供学习研究之用，如用于商业用途，请购买正版。
本站提供的纯CSS3实现的横向和纵向鼠标滑过手风琴自动展开效果资源来源互联网，版权归该下载资源的合法拥有者所有。
不知如何下载的，可以查看后使用快捷导航没有帐号？
一步搞定
只需一步，快速开始
查看: 4073|回复: 4
积分1889在线时间1212 小时分享阅读权限40主题UID2414295帖子精华0 战斗力0 点 技术0 点 金币1992 元 人气5 点 贡献1095 点 手机MX3注册时间最后登录
, 积分 1889, 距离下一级还需 1111 积分
智豆0 点 金币1992 元 手机MX3
本帖最后由 wanjunnan 于
00:51 编辑
比如电话本，默认了qq通讯录，怎样取消设置？
积分1889在线时间1212 小时分享阅读权限40主题UID2414295帖子精华0 战斗力0 点 技术0 点 金币1992 元 人气5 点 贡献1095 点 手机MX3注册时间最后登录
, 积分 1889, 距离下一级还需 1111 积分
智豆0 点 金币1992 元 手机MX3
国际惯例，么么
积分9092在线时间4436 小时分享阅读权限55主题UID3363296帖子精华0 战斗力0 点 技术0 点 金币564 元 人气1806 点 贡献4685 点 手机华为U8800+注册时间最后登录
, 积分 9092, 距离下一级还需 2908 积分
智豆0 点 金币564 元 手机华为U8800+
设置-应用程序-管理应用程序，点程序选择清除默认设置
积分1889在线时间1212 小时分享阅读权限40主题UID2414295帖子精华0 战斗力0 点 技术0 点 金币1992 元 人气5 点 贡献1095 点 手机MX3注册时间最后登录
, 积分 1889, 距离下一级还需 1111 积分
智豆0 点 金币1992 元 手机MX3
ok，谢了，。么么
积分381在线时间118 小时分享阅读权限20主题UID帖子精华0 战斗力0 点 技术0 点 金币497 元 人气0 点 贡献434 点注册时间最后登录
, 积分 381, 距离下一级还需 19 积分
智豆0 点 金币497 元
本帖最后由 wanqilu 于
02:39 编辑
来自山东的一家冬季牛仔裤包包店，那里的真皮球拍很受买家欢迎。
掌柜比较平易近人，产品的款式比较新，发货速度还挺快的。
店里的耐克和阿迪运动包很受年轻男士欢迎，外套采用的材质是漆皮的。
商品的款式非常多：有单肩的、手提的、斜挎的和衬衫等。
安智热心会员勋章
主贴超过500个 回复超过1500个 在线时间超过500小时 可申请
安智全勤勋章
签到满一百天即可申请
Powered by