맨날 비주얼 스튜디오의 참한 디버거로 꿀빨다가 jquery기초 하는 중인데 버전마다 명령 체계도 다른 것 같고,
디버깅도 안되고 ㅠㅠ 이거 참 과제를 어떻게 해결해야할 지 모르겠네요.
사실 간단한 애니메이션 동작을 하는 페이지인데 어디가 잘못된 건지 알수가 ㄷㄷ
<html>
<head>
<meta charset="UTF-8">
<title>3번 애니메이션 과제</title>
<style>
#tab{position:absolute;left:0;top:30;}
#menu{position:absolute;left:-450;top:30;}
</style>
<script>
n=(document.layers)?1:0;
e=(document.all)?1:0;
sw=0;
function init(){
if(e){menu.style.left=-450; tab.style.left=0;}
}//초기값 지정
function slidein()
{
if(n)
{
document.menu.left+=5;
document.tab.left+=5;
if(document.tab.left<450)
setTimeout("slidein()",15);
}
else if(e)
{
menu.style.left=parseInt(menu.stlye.left)+5;
tab.style.left=parseInt(tab.style.left)+5;
if(parseInt(tab.style.left)<450)
setTimeout("slidein()",15);
}
}
function slideout()
{
if(n)
{
document.menu.left-=5;
document.tab.left-=5;
if(document.tab.left>0)
setTimeout("slideout()",15);
}
else if(e)
{
menu.style.left=parseInt(menu.style.left)-5;
tab.style.left=parseInt(tab.style.left)-5;
if(parseInt(tab.style.left)>0)
setTimeout("slideout()",15);
}
}
function changemenu()
{
if(sw)
{slideout();sw=0;}
else
{slidein();sw=1;}
}
</script>
</head>
<body onload="init()">
<div id="tab">
<p><a href="javascript:changemenu()">
<img src="onclicktest.JPG"></a></p></div>
<div id="menu">
<p><img src="test2.JPG"></p></div>
</body>
</html>
베스트금지
본인삭제금지
글쓰기