'JavaScript'에 해당되는 글 3건
- 2010.06.02 범위내 확장 축소..
<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">
div확장, 축소
<br><br>
범위내의 div를 확장하거나 축소합니다.<br><br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br><br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장?
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장
</div>
<div id="intro" ><hr>범위내의 div를 확장<span id="key" onclick="shoppingcat();">확장</span><br>레스
：w3s</div>
#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">
div확장, 축소
<br><br>
범위내의 div를 확장하거나 축소합니다.<br><br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br><br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장?
범위내의 div를 확장<br>
범위내의 div를 확장<br>
범위내의 div를 확장
</div>
<div id="intro" ><hr>범위내의 div를 확장<span id="key" onclick="shoppingcat();">확장</span><br>레스
：w3s</div>
'JAVA/JSP > Css' 카테고리의 다른 글
| 영역을 넘어가는 연결된 문자 줄 바꿈하는 방법론 (0) | 2010.09.07 |
|---|---|
| 억지춘향줄바꿈..? (0) | 2010.09.07 |
| 文字限定 (0) | 2010.08.05 |
| CSS filter (0) | 2010.05.31 |
| 자동개행 (0) | 2010.03.19 |
