MARQUEE UP/LEFT/RIGHT/DOWN BUTTON.

Click The Buttons!!!
  |     |     |  

<script language="JavaScript">
     function function1(){
         document.all.myMarquee.direction = "up";
     }
     function function2(){
         document.all.myMarquee.direction = "left";
     }
     function function3(){
         document.all.myMarquee.direction = "right";
     }
     function function4(){
         document.all.myMarquee.direction = "down";
     }
 </script>
<marquee id="myMarquee">Click The Buttons!!!</marquee>
<br />
<button onclick="function1();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Up</button>
&nbsp;&nbsp;|&nbsp;&nbsp;
 <button onclick="function2();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Left</button>
&nbsp;&nbsp;|&nbsp;&nbsp;
 <button onclick="function3();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Right</button>
&nbsp;&nbsp;|&nbsp;&nbsp;
 <button onclick="function4();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Down</button>

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.