WEB SKILL

<table width=750 border=0 cellpadding=0 cellspacing=0 bgcolor="#0066FF">
<tr><td height=140 style="border:1px solid #C7C7C7;padding-top:8px" bgcolor=#EDEDED align=center valign=top>                                            
 <table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                         
 <tr><td>                                                                                                                                                                                        
  <div id=demo style=overflow:hidden;height:120;width:700;color:#ffffff>
  <table align=left cellpadding=0 cellspace=0 border=0><tr>
  <td id=demo1 valign=top>
  <table border=0 cellpadding=0 cellspacing=0>
  <tr>
  <td>
  <img src=test.gif>
  </td>
  <td>
  <img src=coming-soon.gif>
  </td><td>
  <img src=test.gif>
  </td>
  <td>
  <img src=coming-soon.gif>
  </td>

  </tr>
  </table>
 </td><td id=demo2 valign=top></td></tr></table></div>

 </td></tr>                                                                                                                                                                                                                           
 </table>                                                                                                                                                                                                                             
</td></tr>                                                                                                                                                                                                                                   
</table>      
  <p>

</p>
  <p>  <table width="100%"  border="0">
    <tr>
      <td width="21%" οnclick=javascript:MarqueeLeft()><<<<<<&nbsp;</td>
      <td width="79%" οnclick=javascript:MarqueeRight()>>>>>>>&nbsp;</td>
    </tr>
  </table>&nbsp;    </p>
 
      <script>
 
 var speed=10
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}

function MarqueeLeft(){
clearInterval(MyMar)
MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
}

//var speed=30
//demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee2(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
function MarqueeRight(){
clearInterval(MyMar)
MyMar=setInterval(Marquee2,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee2,speed)}
}

MyMar=setInterval(Marquee2,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee2,speed)}
  </script>