div动态展开和关闭
来源:互联网 发布:灵活就业退休金咋算法 编辑:程序博客网 时间:2024/06/07 19:37
<style>
#content,#intro{
font: 13px/25px;
width: 200px;
height: 40px;
background: #eee;
padding: 10px;
border: 4px #ccc double;
border-bottom:0;
overflow: hidden;
}
#intro {
color: #036;
font:12px;
border: 4px #ccc double;
border-top:0;
height:70px;
}
#key{color:#900;float:right}
hr{height:1px;border:1px #ccc dotted}
</style>
<script>
var s=5;
var minheight=40;
var maxheight=500;
function shoppingcat(){
var key = document.getElementById("key").innerText;
if(key=="展开"){
content.style.pixelHeight+=s;
if(content.style.pixelHeight<maxheight){
setTimeout("shoppingcat();",1);
}else{
document.getElementById("key").innerText="关闭";
}
}else{
content.style.pixelHeight-=s;
if(content.style.pixelHeight>minheight){
setTimeout("shoppingcat();",1);
}else{
document.getElementById("key").innerText="展开";
}
}
}
</script>
<div id="content">
孤雁儿
<br><br>
世人作梅词,下笔便俗。予试作一篇,乃知前言不妄耳。<br><br>
藤床纸帐朝眠起,<br>
说不尽、无佳思。<br>
沈香烟断玉炉寒,<br>
伴我情怀如水。<br>
笛声三弄,<br>
梅心惊破,<br>
多少春情意。<br><br>
小风疏雨萧萧地,<br>
又催下、千行泪。<br>
吹箫人去玉楼空,<br>
肠断与谁同倚?
一枝折得,<br>
人间天上,<br>
没个人堪寄。
</div>
<div id="intro" ><hr>作者:李清照<span id="key" onclick="shoppingcat();">展开</span><br>来源:中国诗辞网</div>
- div动态展开和关闭
- div+js的伸缩控制代码(展开和关闭)
- 树状展开和关闭
- JQUERY 多DIV展开,关闭功能
- 控制ExpandableListView展开和关闭
- 动态生成一个div带有按钮和关闭的
- 菜单的全部展开和全部关闭
- 单击控制层的展开和关闭
- js控制div展开和收回
- 向右收缩和展开div(1)
- 向右收缩和展开div(2)
- 展开层与关闭层的动态缓冲效果特效
- easy-UI动态树点击文字实现展开关闭
- JS弹出div和关闭
- JS弹出div和关闭
- 用tbody和div隐藏和展开页面的效果
- Combo下拉列表框自动展开和关闭!
- Android记录11-控制ExpandableListView展开和关闭
- SQL SERVER的ROWCOUNT关键字
- 关于产生服从U(0,1)的随机数的过程
- 下载的sql大全,不敢独享,特此呈上
- 开始收集.net面试题
- 凭什么来爱你 我的技术...
- div动态展开和关闭
- Spring中的IOC(一):什么是IOC及Spring中实现IOC的方式(依赖注入)
- linux内核模块编译
- DOM属性速查
- Linux网管学习笔记(13)紧急处理:别让Linux故障晕了你
- C#多线程与UI响应
- C语言中重定义 错误
- 大宇《轩辕剑》20周年 新作云之遥
- Flex:PopUpManager的createPopUp与addPopUp区别