<!
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
>