MARQUEE

현재의 상태는? 마퀴 중지 마퀴 시작 hspace=10 vspace=10
direction=left direction=right direction=up direction=down
behavior=scroll behavior=slide behavior=alternate
scrollAmount++ scrollAmount-- scrollDelay+=10 scrollDelay-=10

결과 표시창

<SCRIPT>
function showMarquee(){
  str='';
  str+='height='+mqObj.height+' width='+mqObj.width;
  str+=' hspace='+mqObj.hspace+' vspace='+mqObj.vspace+'<BR>';
  str+='scrollTop='+mqObj.scrollTop+' scrollLeft='+mqObj.scrollLeft+'';
  str+=' scrollHeight='+mqObj.scrollHeight+' scrollWidth='+mqObj.scrollWidth+'<BR>';
  str+='offsetTop='+mqObj.offsetTop+' offsetLeft='+mqObj.offsetLeft;
  str+=' offsetHeight='+mqObj.offsetHeight+' offsetWidth='+mqObj.offsetWidth+'<BR>';
  str+='clientTop='+mqObj.clientTop+' clientLeft='+mqObj.clientLeft;
  str+=' clientHeight='+mqObj.clientHeight+' clientWidth='+mqObj.clientWidth+'<BR>';
  str+='direction='+mqObj.direction+' behavior='+mqObj.behavior+' loop='+mqObj.loop;
  str+=' scrollAmount='+mqObj.scrollAmount+' scrollDelay='+mqObj.scrollDelay+'<BR>';
  mqObj.innerHTML=mqObj.direction+' '+mqObj.behavior+' '+mqObj.scrollAmount+' '+mqObj.scrollDelay+
    '<BR><IMG src=../../../gif/rfexample.gif>';
  showA.innerHTML=str;
}
</SCRIPT>
<MARQUEE id=mqObj direction="right" style="border:solid 1 blue;background:ffc;color:blue" width=600 height=100>MARQUEE<BR>
<IMG src=../../../gif/rfexample.gif></MARQUEE><BR>

<BUTTON onclick="showMarquee()">현재의 상태는?</BUTTON>
<BUTTON onclick="mqObj.stop();">마퀴 중지</BUTTON>
<BUTTON onclick="mqObj.start();">마퀴 시작</BUTTON>
<BUTTON onclick="mqObj.hspace=10;showMarquee()">hspace=10</BUTTON>
<BUTTON onclick="mqObj.vspace=10;showMarquee()">vspace=10</BUTTON><BR>
<BUTTON onclick="mqObj.direction='left';showMarquee()">direction=left</BUTTON>
<BUTTON onclick="mqObj.direction='right';showMarquee()">direction=right</BUTTON>
<BUTTON onclick="mqObj.direction='up';showMarquee()">direction=up</BUTTON>
<BUTTON onclick="mqObj.direction='down';showMarquee()">direction=down</BUTTON><BR>
<BUTTON onclick="mqObj.behavior='scroll';showMarquee()">behavior=scroll</BUTTON>
<BUTTON onclick="mqObj.behavior='slide';showMarquee()">behavior=slide</BUTTON>
<BUTTON onclick="mqObj.behavior='alternate';showMarquee()">behavior=alternate</BUTTON><BR>
<BUTTON onclick="mqObj.scrollAmount++;showMarquee()">scrollAmount++</BUTTON>
<BUTTON onclick="if(mqObj.scrollAmount>1) mqObj.scrollAmount--;showMarquee()">scrollAmount--</BUTTON>
<BUTTON onclick="mqObj.scrollDelay+=10;showMarquee()">scrollDelay+=10</BUTTON>
<BUTTON onclick="if(mqObj.scrollDelay>10) mqObj.scrollDelay-=10;showMarquee()">scrollDelay-=10</BUTTON>
<DIV id=showA>결과 표시창</DIV>