网页怎样在flash添加一层javascript滚动图片超链接，既能看到flash动画超链接也能用 代码如下 谢谢啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#demo{
border-collapse:collapse;
border-color:#e8e5e3;
border-top-style:solid;
border-bottom-style:solid;
border-width:1px;
margin:0px;}
.demo{ height:60px; width:350px; margin:0 auto; line-height:60px;}
.demo a {float:left;margin:30px 3px 0 1px;width:16px;height:16px;color:#6D6D6D;text-align:center;text-decoration:none;border:1px solid #C8C8C8;font-family: "宋体";font-size:14px;line-height:16px; padding:4px;}
.demo a:hover { font-size: 14px;color:#5C5C5C;text-decoration: none;font-weight: bold; display:block; background:#DEDEDE}
.pic{
padding-left:0px;
padding-right:0px;
margin-left:-6px;
}
.blank50 {margin:0 auto;width:100%;height:50px;font-size:1px;overflow:hidden}
</style>
</head>
<body class="homebg"><p class="blank50"></p>
<div class="area01" style=" text-align:center; ">
<div style="position:absolute; z-index:-1 ">
  <object width="1000" height="247">
    <param name="movie" value="1.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param name="wmode" value="transparent" />
    <embed src="1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="1000" height="247"></embed>
  </object>
</div>
<div id=demo style="overflow:hidden;width:1024; position:relative; z-index:1; " param name="wmode" value="transpant" align=center>
<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
<tr><td valign=top bgcolor=ffffff id=marquePic1>
<table width='100%' border='0' cellspacing='0'>
    <tr>
    <td align=center style=" margin-right:2px"><a href='#' target="_blank"><img src="001.png" width=305 height=247 border=0></a></td>
    <td align=center><a href='#' target="_blank"><img src="002.png" width=305 height=247 border=0></a></td>
    <td align=center><a href='#' target="_blank"><img src="003.png" width=305 height=247 border=0></a>
    </td><td align=center><a href='#' target="_blank"><img src="004.png" width=305 height=247 border=0></a>
    </td><td align=center><a href='#' target="_blank"><img src=005.png width=305 height=247 border=0></a>
    </td>
    </tr>
    </table>
</td><td id=marquePic2 valign=top></td></tr>
</table></div>
<script type="text/javascript">
var speed=2; 
marquePic2.innerHTML=marquePic1.innerHTML 
function Marquee(){ 
if(demo.scrollLeft>=marquePic1.scrollWidth){ 
demo.scrollLeft=0 
}else{ 
demo.scrollLeft++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>
   </body>
</html>​