<!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=utf-8" /> <title>无标题文档</title> </head> <body> <DIV id=soft_instr name="soft_instr"> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 6<br /> 1111111111<br /> 22222222222<br /> 3333333333<br /> 444444444444<br /> 5555555555555<br /> 666666666666666666<br /> </DIV> <DIV id=comm_1 name="comm_1"></DIV> <DIV id=comm_2 style="DISPLAY: none" name="comm_2"></DIV> <DIV id=comm_3 style="DISPLAY: none;" name="comm_3"> <SPAN> <INPUT onclick="this.value==='详细介绍'?this.value='点击收起':this.value='详细介绍';show_brief();" type=button value="详细介绍" name=botton> </SPAN> </DIV> <SCRIPT type=text/javascript> document.getElementById('comm_1').innerHTML=document.getElementById('soft_instr').innerHTML; document.getElementById('comm_2').innerHTML=document.getElementById('soft_instr').innerHTML; function show_brief(){ var obj1=document.getElementById('comm_1'); var obj2=document.getElementById('comm_2'); if(obj1.style.display==""){ obj1.style.display="none"; obj2.style.display=""; obj2.innerHTML=document.getElementById('soft_instr').innerHTML; }else{ obj2.style.display="none"; obj1.style.display=""; obj1.innerHTML=document.getElementById('soft_instr').innerHTML; } } var _h=document.getElementById('comm_1').offsetHeight; document.getElementById('soft_instr').style.display="none"; if(_h > 200){ document.getElementById('comm_1').style.height="107px"; document.getElementById('comm_1').style.overflow="hidden"; document.getElementById('comm_3').style.display="block"; } </SCRIPT> </body> </html>