jQuery实现的效果问题

<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css"> 
body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow";background:#fff;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}
img{border:0;}
</style>
<script language="javascript" type="text/javascript" src="http://hulang.aspprogram.cn/b/Images/jquery-min.js"></script>
<script language="javascript" type="text/javascript" src="http://hulang.aspprogram.cn/b/Images/cmd.js"></script>
<script language="javascript" type="text/javascript">
function ChangeDiv() {
    $('#sAd').show(500);
    setTimeout("HideDiv()", 5000);
}
function HideDiv() {
$('#toolbar').hide(100);
    $('#sAd').hide(500);
}
function ShowDiv() {
    setTimeout("ChangeDiv()", 2000);
}
ShowDiv();
</script>
</head>
<body>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center"><img src="http://hulang.aspprogram.cn/b/Images/qq_01.jpg" width="960" height="144" border="0"></td>
  </tr>
</table>
<div id="sAd" style="width:960px; margin:0 auto; display:none;">
<script language="javascript" type="text/javascript">
HuLangCms(1,'http://hulang.aspprogram.cn/b/Images/960x500_1.swf',960,500,'http://www.tn.ccoo.cn/post/job/','洮南在线',1,'toolbar','HideDiv()');
</script>
</div>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://hulang.aspprogram.cn/b/Images/qq_02.jpg" width="960" height="637" border="0"></td>
  </tr>
</table>
</body>
</html>
怎么让那个FLASH出来的时候就按那个div的宽度来啊。
我的意思就是像上面的图片宽度一样来。是不让完全从左边出来。

解决方案 »

  1.   

    function ChangeDiv() {
        $('#sAd').show(500);
        setTimeout("HideDiv()", 5000);
    }
    第这里面的$('#sAd').show(500);改成$('#sAd').show(0);就可以了!
      

  2.   


    function ChangeDiv() {
    $('#sAd').fadeIn(500);
    setTimeout("HideDiv()", 5000);
    }
    function HideDiv() {
    $('#toolbar').fadeOut(100);
    $('#sAd').fadeOut(500);
    }
    function ShowDiv() {
    setTimeout("ChangeDiv()", 2000);
    }
    ShowDiv();
      

  3.   

    <!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=gb2312" />
    <title>无标题文档</title>
    <style type="text/css"> 
    body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow";background:#fff;}
    form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
    input,select{font-size:12px;line-height:16px;}
    img{border:0;}
    </style>
    <script language="javascript" type="text/javascript" src="http://hulang.aspprogram.cn/b/Images/jquery-min.js"></script>
    <script language="javascript" type="text/javascript" src="http://hulang.aspprogram.cn/b/Images/cmd.js"></script>
    <script language="javascript" type="text/javascript">
    function ChangeDiv() {
        $('#sAd').slideDown(500);
        setTimeout("HideDiv()", 5000);
    }
    function HideDiv() {
        $('#toolbar').hide(100);
        $('#sAd').slideUp(500);
    }
    function ShowDiv() {
        setTimeout("ChangeDiv()", 2000);
    }
    ShowDiv();
    </script>
    </head>
    <body>
    <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center"><img src="http://hulang.aspprogram.cn/b/Images/qq_01.jpg" width="960" height="144" border="0"></td>
      </tr>
    </table>
    <div id="sAd" style="width:960px; margin:0 auto; display:none;">
    <script language="javascript" type="text/javascript">
    HuLangCms(1,'http://hulang.aspprogram.cn/b/Images/960x500_1.swf',960,500,'http://www.tn.ccoo.cn/post/job/','洮南在线',1,'toolbar','HideDiv()');
    </script>
    </div>
    <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="http://hulang.aspprogram.cn/b/Images/qq_02.jpg" width="960" height="637" border="0"></td>
      </tr>
    </table>
    </body>
    </html>slideDown()
    slideUp()