基于jquery的slideDown和slideUp做手风琴-网页特效→导航菜单

2016-04-09 网页设计跟版网

跟版素材网（www.genban.org）提供slideDown,slideUp,等网页设计素材资源，提供相关网页设计资源的教程和免费下载。跟版网，专业织梦网页设计模板资源站。。

<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>手风琴</title> 
<style> 
*{ padding:0; margin:0; } 
body{ background:#fafafa; font-size:12px; } 
.slider{ line-height:24px; width:700px; color:#7ecef4; margin:10px auto; background:#010e16; } 
.slider dt{ background:#f5f5d2; padding-left:30px; cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:32px; line-height:32px; } 
.slider dt.slider_open{background:#707070; color:# } 
.slider dd{ display:none; background:#f1f1ea; height:90px; background:#111; border-bottom:1px dashed #fafafa; overflow:hidden;} 
.slider dd p{ padding:10px 20px; overflow:hidden; } 
</style> 
 
 
</head> 
<body> 
<dl class="slider"> 
<dt class="slider_open">赵本山，央视春晚</dt> 
<dd><p>央视春晚台柱子赵本山在2011年央视春晚演出后，不得不接受紧急治疗。从个体人性角度祝愿这老爷子健康长寿。但诺将其身体状况作为一种文化隐喻，它却预示着CCTV洗脑愚乐文化正面临无可奈何花落去寿终正襟的命运。</p></dd> 
<dt>支持打拐</dt> 
<dd><p>据媒体报道，全国政协委员濮存昕也表示对打拐的支持。他建议全国公安系统应尽快建立起一支专业的打拐队伍，各地公安机关应当设立专门的打拐机构，配备必要的编制和专项经费。</p></dd> 
<dt>爱的真言</dt> 
<dd><p>我曾经喜欢八八，坚定只有八八才能给川儿幸福、只是最近几集，你让我情何以堪？感动，心疼，纠结，真的是不悲不喜了！现在我的心情。。很难过、不知道应该选择八八还是四四呢？</p></dd> 
<dt>注意保重身体</dt> 
<dd><p>还头痛吗？如果不是生病引起的头痛,我一般会听听音乐,自己喜欢的音乐,用心做自己的事固然是对的,但不要忽略自己的身体。</p></dd> 
</dl> 
如果是通过网页运行代码的，需要刷新下才能看到效果。
</body> 
</html>

运行代码复制代码保存代码

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

上一篇：基于jQuery的自动完成插件-jquery 下一篇：从网易扒过来的js调用广告显示文件(随机几率)-广告代码

相关文档推荐

移动端，手机端响应式布局头部代码

将如下代码加到你网页的头部之间： meta name=viewport content=width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no meta name=apple-mobile-web-app-capable content=yes / meta name=apple-mobile-web-app-statu

javascript实现禁止鼠标右键的功能

遇到网页上有精美图片或者精彩文字想保存时，通常大家都是选中目标后按鼠标右键，在弹出菜单中选择图片另存为或复制来达到我们的目的。但是，目前有许多网页都屏蔽了鼠标右键，那么用js如何实现禁止鼠标右键的功能呢？ 1、与禁止鼠标右键相关的JS说明 script

js实现点击按钮复制文本功能

最近遇到一个需求，需要点击按钮，复制 p 标签中的文本到剪切板之前做过复制输入框的内容，原以为差不多，结果发现根本行不通尝试了各种办法，最后使了个障眼法，实现了下面的效果一、原理分析浏览器提供了 copy 命令，可以复制选中的内容 document.exe

如何去掉html中input的边框

这里不能用css样式选择器选择input组件，设置 border:none;或border: 0px;outline:none;cursor: pointer; 亲测没有用处，只有写这种格式时生效，如下： input type=text style=border:none;

js 判断字符串中是否包含某个字符串

String对象的方法方法一: indexOf() (推荐) var str = 123;console.log(str.indexOf(3) != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。方法二: search() var str = 1

video标签设置autoplay在手机浏览器无法自动播放视频的解决方案

在video标签上加个autoplay属性，在PC端浏览器里面运行流畅，但是在手机浏览器里面打开无法播放。原来现在的手机浏览器是不允许网页中视频自动播放的，只有与用户进行了一次交互动作，才可以播放视频。（音频同理）方案一：在页面上加一个弹框，用户点击了

栏目导航

html教程 css教程前端开发 cms教程 seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发 php编程 java编程建站技巧 Python编程

最新文章

热门文章

热门标签

织梦资讯网织梦模板 dede 外语学校织梦鬼故事竞价网站源码竞价培训网门户网站织梦二次开发织梦笑话网 dedecms笑话网织梦源码网站建设搞笑图片织梦教程旅游网站源码织梦旅游网学校培训 html5 企业织梦源码医院源码后台样式移动营销页整形医院大学医院新手建站客服代码洗衣机维修企业网站淘宝客导航菜单教育网站学校源码装修网站装修模板美容整形女性健康妈妈网机械源码建站公司珠宝首饰苹果网站手机资讯美女图片织梦模版打包妇科源码安卓市场源码男性时尚网健康之家 app应用网站笑话网站下载站美女图片网中医院网站家装网站源码 QQ网站标牌网站魔兽世界网淘宝客源码 YY网站源码别墅设计网站服装搭配网宝宝起名网站长网站婚庆网站脑科医院源码笑话源码肝胆医院意外怀孕源码工作室