div 위아래 슬라이드(숨기기/표시)
1493 단어 div
<script type="text/javascript">
function changeDivDown(){// div
var d = document.getElementById("TLDiv");
var h = d.offsetHeight;
var maxh=250;
function dmove(){
h+=5;//
if(h>=maxh){
d.style.height='250px';
clearInterval(iIntervalId);
}else{
d.style.display='block';
d.style.height=h+'px';
}
}
iIntervalId=setInterval(dmove,2);//
}
function changeDivUp(){// div
var d = document.getElementById("TLDiv");
var h = d.offsetHeight;
var maxh=250;
function dmove(){
h-=5;//
if(h<=50){
d.style.display='block';
clearInterval(iIntervalId);
}else{
d.style.height=h+'px';
}
}
iIntervalId=setInterval(dmove,2);
}
</script>
<div id="TLDiv" style="width: 960px;height: 250px;margin-bottom: 10px;overflow: hidden;border:1px solid red;">
/ div
</div>
<input type="button" value=" " onclick="changeDivDown()"/>
<input type="button" value=" " onclick="changeDivUp()"/>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
🧙🏼 HTML 구조를 나타내는 요소: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함) : 인라인 컨테이너 : 인라인 레벨 요소 🌵 span (인라인 요소) vs div(블록 요소) ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.