div 动态收缩 html+jsp书签替换div内容

最新推荐文章于 2020-08-04 16:51:32 发布

tracy_sxc

最新推荐文章于 2020-08-04 16:51:32 发布

阅读量2.2k

点赞数

文章标签： div html jsp function border generator

本文链接：https://blog.csdn.net/tracy_sxc/article/details/5640831

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<style>

#bigdiv {overflow:hidden}

</style>

</HEAD>

<BODY>

function gethref(name1,go,divid){

name1.href=go;

}

window.οnlοad=function(){

document.getElementById('bigdiv').innerHTML=document.getElementById('name1').innerHTML;

}

function use2(cc,setdiv){

var d=document.getElementById('bigdiv');

//var sb=setdiv;

if(d.style.display=='none'){

C(cc,setdiv);

//sb.src='/'+objName+'/images/zdy/down.gif';

cc.title='收缩红红';

}else{

C2(cc,setdiv);

//sb.src='/'+objName+'/images/zdy/up.gif';

cc.title='展开红红';

}

var iIntervalId;

function C(cc,setdiv){

var d=document.getElementById('bigdiv');

document.getElementById(setdiv).style.display='block';

var dh=document.getElementById(setdiv).offsetWidth;

document.getElementById(setdiv).style.display='none';

var maxh=dh;

var h=d.offsetWidth;

function dmove(){

h+=2; //层展开速度

cc.disabled="disabled";

var sdiv=document.getElementById(setdiv).innerHTML;

document.getElementById('bigdiv').innerHTML=sdiv;

if(h>=maxh){

d.style.width=dh+'px';

clearInterval(iIntervalId);

cc.disabled="";

}else{

d.style.display='block';

d.style.width=h+'px';

}

iIntervalId=setInterval(dmove,10);

}

function C2(cc,setdiv){

document.getElementById(setdiv).style.display='block';

var dh=document.getElementById(setdiv).offsetWidth;

document.getElementById(setdiv).style.display='none';

var d=document.getElementById('bigdiv');

var h=d.offsetWidth;

var maxh=dh;

function dmove(){

h-=2;//层收缩速度

cc.disabled="disabled";

if(h<=0){

d.style.display='none';

clearInterval(iIntervalId);

cc.disabled="";

document.getElementById('bigdiv').innerHTML="";

C(cc,setdiv);

}else{

d.style.width=h+'px';

}

iIntervalId=setInterval(dmove,10);

}

</script>

</div>

<tr>

<td>

<tr>

<td>这个table 始终保持不动 </td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<a name="1">第1段<br>111111<br>111111111<br>11111111111111<br>111111111<br>111111111111<br>111111111<br>111111111<br>111111111<br>111111111 <br>11111111111111

</div>

<div id='name2' style='display:none'><a name="2">第2段<br>222222<br>222222<br>222222<br>222222<br>222222222<br>222222222 <br>222222222<br>222222222!!!!!!!!!!!!!!!!!!!!!!!!!!!<br>222

</div>

<div id='name3' style='display:none'><a name="3">第3段<br>333333333333333333<br>33333333333333333!3!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!<br>333333333333333333<br>333333333333333333<br>333333333333333333<br> 333

</div>

</td>

</tr>

</table>

</BODY>

</HTML>

tracy_sxc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div 动态收缩 html+jsp书签替换div内容

<br /><br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><HTML><br /> <HEAD><br /> <TITLE> New Document </TITLE><br /> <META NAME="Generator" CONTENT="EditPlus"><br /> <META NAME="Author" CONTENT=""><br /> <META NAME="Keywords" C
复制链接

扫一扫