模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
一个DIV层的折叠与展开_层和布局特效
查看演示效果
特效Tag：
层展开
添加
一个DIV层的折叠与展开，不错的小技巧，代码虽然不多，但比较实用。
<html> <head> <title>展的折叠、展开</title> <style> #mrc { font-size: 14px; width: 160px; height: 50px; background: #eee; padding: 10px; border: 4px #ccc double; overflow: hidden; } #key { color: red; float: right; margin-top: -20px; } </style> <script> var s=5; var minheight=50; var maxheight=150; function shoppingcat(){ var key = document.getElementById("key").innerText; if(mrc.style.pixelHeight==0)mrc.style.pixelHeight=minheight; if(key=="展开"){ mrc.style.pixelHeight+=s; if(mrc.style.pixelHeight<maxheight){ setTimeout("shoppingcat();",1); }else{ document.getElementById("key").innerText="关闭"; } }else{ mrc.style.pixelHeight-=s; if(mrc.style.pixelHeight>minheight){ setTimeout("shoppingcat();",1); }else{ document.getElementById("key").innerText="展开"; } } } </script> </head> <body> <div id="mrc"> 模板无忧 <span id="key" onclick="shoppingcat();">展开</span><br><br> 模板无忧源码下载。 </div> </body> </html>
所属频道：
层和布局特效
/
更新时间：2012-12-01
[收藏]
[报错]
[返回列表]
相关
层和布局特效
：
表格内容排序sortTable
行变成列，列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
CSS+JavaScript经典版折叠、合拢的三级菜单
JS拖动改变表格列宽的实现
特殊字符实现的CSS圆角
js+css实现动态删除表格行、列、双击编辑
隐藏菜单，在网页任意处点左键就会弹出
文本输入限制
CSS控制文字在一条线的中间
JS控制一个DIV层在指定时间内消失
JavaScript配合CSS实现表格颜色渐变
CSS层透明效果,兼容性很好
猜你也喜欢看这些
JS无刷新改变网页背景图片
JS控制网页背景图片斜向滚动
滚动条颜色生成器
点击鼠标在网页上生成气泡
选色板
WEB对话框 可做网站登录协议用
CSS背景渐变，从左往右渐变
JavaScript写的炫光波动效果
避免别人把你的网页放在框架中
Js适时切换网页背景颜色
相关链接：
复制本页链接
|
搜索一个DIV层的折叠与展开
特效说明：
层和布局模板
-
一个DIV层的折叠与展开
。
。。