图片怎么不会滚动呢？

<!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 runat="server">
   <title></title>
 
<script type="text/jscript">
  
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</head>
  <body ><div id="demo" style="overflow:hidden;height:100px;width:300px;">
<table align="left" cellpadding="0" cellspace="0' border="0'>
<tr>
<td id="demo1' valign="top">
<img src="http://www.hrbseo.com/images/index2.jpg">
<img src="http://www.hrbseo.com/images/index3.jpg">
<img src="http://www.hrbseo.com/images/index1.jpg">
<img src="http://www.hrbseo.com/images/index2.jpg">
<img src="http://www.hrbseo.com/images/index3.jpg">
<img src="http://www.hrbseo.com/images/index1.jpg">
</td>
<td id="demo2" valign="top">
</td>
</tr>
</table>
</div> 
急急。。

解决方案 »

  1.   

    <div style="width:287px; height:248px; border:solid 1px #cecece;background:#F3F3F3; padding:6px; ">   
    <SCRIPT language="javascript" type="text/javascript">      
    var widths=287;   //宽                 
    var heights=242;   //高                 
    var counts=4; 　　　//显示的数量   
    img1=new Image ();img1.src='images/index/3.jpg';//图片地址   
    img2=new Image ();img2.src='images/index/4.jpg';   
    img3=new Image ();img3.src='images/index/2.jpg';   
    img4=new Image ();img4.src='images/index/1.jpg';   
    url1=new Image ();url1.src='http://URL?action-viewnews-itemid-2439';//图片链接的URL   
    url2=new Image ();url2.src='http://URL/?action-viewnews-itemid-2386-page-1';   
    url3=new Image ();url3.src='http://URL/?action-viewnews-itemid-2384-page-4';   
    url4=new Image ();url4.src='http://URL/?action-viewnews-itemid-2377-page-2';   
    var nn=1;      
    var key=0;      
    function change_img()      
    {if(key==0){key=1;}      
    else if(document.all)      
    {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}      
    eval('document.getElementById("pic").src=img'+nn+'.src');      
    eval('document.getElementById("url").href=url'+nn+'.src');      
    for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}      
    document.getElementById("xxjdjj"+nn).className='bxx';      
    nn++;if(nn>counts){nn=1;}      
    tt=setTimeout('change_img()',6000);}      
    function changeimg(n){nn=n;window.clearInterval(tt);change_img();}      
    document.write('<style>');      
    document.write('.axx{padding:1px 7px;border-left:#ffffff 1px solid;font-weight: bold;}');      
    document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;font-weight: bold;}');      
    document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;font-weight: bold;}');      
    document.write('.bxx{padding:1px 7px;border-left:#ffffff 1px solid;font-weight: bold;}');      
    document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;background-color:#ff0000;font-weight: bold;}');      
    document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;background-color:#ff0000;font-weight: bold;}');      
    document.write('</style>');      
    document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');      
    document.write('<div><a id="url" target="_blank"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');      
    document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #000000;width:100%-2px;text-align:right;top:-14px;position:relative;margin:1px;height:20px;padding:0px;margin:0px;border:0px;">');   
    for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}      
    document.write('</div></div>');      
    change_img();      
    </SCRIPT>   
    </div>  
      

  2.   

    2楼哥哥的我调试了，是幻灯片形式的呀，我想要的是图片连续向左滚动的，
    body部分如下
    <div id="demo" style="overflow:hidden;height:95;width:1000;">
    <table align="center" cellpadding="0" cellspace="0" border="0">
    <tr>
    <td id="demo1" valign="top" >
    <a href='#' target='_blank' title=''><img src="picture/1.jpg" width='88' height='31' border='0'/></a>
    <a href='#' target='_blank' title=''><img src="picture/2.jpg" width='88' height='31' border='0'/></a>
    <a href='#' target='_blank' title=''><img src="picture/3.jpg" width='88' height='31' border='0'/></a>
    <a href='#' target='_blank'><img src="picture/1.jpg" width='88' height='31' border='0' alt='点击申请'/></a>
    <a href='#' target='_blank'><img src="picture/1.jpg" width='88' height='31' border='0' alt='点击申请'/></a>
    <a href='#' target='_blank'><img src="picture/1.jpg" width='88' height='31' border='0' alt='点击申请'/></a>
    </td>
    <td id="demo2" valign="top" ></td>
    </tr>
    </table>
    </div>
    head部分脚本如下：
    <script type="text/jscript">
        var speed = 30
        demo2.innerHTML = demo1.innerHTML
        function Marquee() {
            if (demo2.offsetWidth - demo.scrollLeft <= 0)
                demo.scrollLeft -= demo1.offsetWidth
            else {
                demo.scrollLeft++
            }
        }
        var MyMar = setInterval(Marquee, speed)
        demo.onmouseover = function () { clearInterval(MyMar) }
        demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
    </script>
    感觉以上代码没问题啊，可就是不会向左滚动咋办啊？
      

  3.   

    <script language="javascript" type="text/javascript">
    <!--
    var demo= document.getElementById("demo");
    var demo1= document.getElementById("demo1");
    var demo2= document.getElementById("demo2");
    var speedA=50;    //数值越大滚动速度越慢
    demo2.innerHTML = demo1.innerHTML
    function MarqueeA(){
        if(demo2.offsetWidth-demo.scrollLeft<=0)
            demo.scrollLeft-=demo1.offsetWidth
        else{
            demo.scrollLeft++
        }
    }
    var MyMarA = setInterval(MarqueeA,speedA);
    demo.onmouseover = function(){clearInterval(MyMarA)}
    demo.onmouseout = function(){MyMarA = setInterval(MarqueeA,speedA)}
    -->
      

  4.   

    6楼的哥哥的可以啊，我刚才也刚好，代码如下：
    <div id="demo" style="overflow:hidden; width:500px;height:300px;">
    <div id="indemo" style="float:left; width:800%;">
    <div id="demo1" style="float:left;">
    <a href=""><img src="picture/1.jpg" /></a>
    <a href=""><img src="picture/2.jpg" /></a><a href=""><img src="picture/3.jpg" /></a>
    <a href=""><img src="picture/4.jpg" /></a>
    </div>
    <div id="demo2" style="float:left;"></div>
    </div>
    </div><script language="javascript" type="text/javascript">    var demo = document.getElementById("demo");
        var demo1 = document.getElementById("demo1");
        var demo2 = document.getElementById("demo2");
        var speed = 10;    //滚动速度值，值越大速度越慢
        demo2.innerHTML = demo1.innerHTML    //克隆demo2为demo1
        function Marquee() {
            if (demo2.offsetWidth - demo.scrollLeft <= 0)    //当滚动至demo1与demo2交界时
                demo.scrollLeft -= demo1.offsetWidth     //demo跳到最顶端
            else {
                demo.scrollLeft++
            }
        }
        var MyMar = setInterval(Marquee, speed);        //设置定时器
        demo.onmouseover = function () { clearInterval(MyMar) }    //鼠标经过时清除定时器达到滚动停止的目的
        demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }    //鼠标移开时重设定时器</script>
    呵呵呵呵