function $(id){return document.getElementById(id)}
function $name(id){return document.getElementById(name)}
//向左滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
//by 柳永法(yongfa365)'Blog www.yongfa365.com
function toleft(demo,demo1,demo2,speed,flag){
demo=$(demo);demo1=$(demo1);demo2=$(demo2)
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0){
demo.scrollLeft-=demo1.offsetWidth
}
else{
demo.scrollLeft++
}
}
flag=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(flag);}
demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
}

function assignWidth(demo1,demo2){
var demo1 = $(demo1);
var demo2 = $(demo2);
    demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight);
    lis = document.getElementsByTagName('li');
for(var i = 0,count = lis.length; i < count; i++)
{
  var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;   
}

demo1.style.width = demoWidth;
demo2.style.width = demoWidth; }
调用部分:<script language="javascript" type="text/javascript">
toleft("scroll","demo1","demo2",10,"flag")
</script>以上js代码黑色部分用于 图片滚动 红色部分用于自动取得图片宽度加上 margin padding计算div宽度问题:加上红色代码 滚动停止 ,没有红色部分 才滚动,,什么原因请教有识之士

解决方案 »

  1.   

    assignWidth没被调用呀,你把全部代码贴出来
      

  2.   

    语法错误了,这里的var去掉即可
    function assignWidth(demo1,demo2){ 
    var demo1 = $(demo1); 
    var demo2 = $(demo2); 
        demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight); 
        lis = document.getElementsByTagName('li'); 
    for(var i = 0,count = lis.length; i < count; i++) 

      var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;   
    } demo1.style.width = demoWidth; 
    demo2.style.width = demoWidth; }
      

  3.   

    function $(id){return document.getElementById(id)}
    function $name(id){return document.getElementById(name)}
    //向左滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
    //by 柳永法(yongfa365)'Blog www.yongfa365.com
    function toleft(demo,demo1,demo2,speed,flag){
    demo=$(demo);demo1=$(demo1);demo2=$(demo2)
    demo2.innerHTML=demo1.innerHTML
    function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft<=0){
    demo.scrollLeft-=demo1.offsetWidth
    }
    else{
    demo.scrollLeft++
    }
    }
    flag=setInterval(Marquee,speed)
    demo.onmouseover=function(){clearInterval(flag);}
    demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
    }

    /*function assignWidth(demo1,demo2){
    var demo1 = $(demo1);
    var demo2 = $(demo2);
        demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight);
        lis = document.getElementsByTagName('li');
    for(var i = 0,count = lis.length; i < count; i++)
    {
      var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;   
    }

    demo1.style.width = demoWidth;
    demo2.style.width = demoWidth; }*/code][code=HTML]<link rel="stylesheet" type="text/css" href="style/default.css"/>
    <script language="javascript" type="text/javascript" src="/js/default.js" ></script>
    <div class="scroll" id="scroll">
    <div class="demo1" id="demo1">
    <ul>
    <li><img src="fmedia/21centrury.jpg"/></li>
    <li><img src="fmedia/cctv.gif"/></li>
    <li><img src="fmedia/image001.gif"/></li>
    <li><img src="fmedia/image002.jpg"/></li>
    <li><img src="fmedia/image003.gif"/></li>
    <li><img src="fmedia/image004.gif"/></li>
    <li><img src="fmedia/image005.gif"/></li>
    <li><img src="fmedia/凤凰网.gif"/></li>

    <li><img src="fmedia/华人风电网.gif"/></li>
    <li><img src="fmedia/环保设备网.gif"/></li>
    <li><img src="fmedia/价值中国.gif"/></li>
    <li><img src="fmedia/能源网.gif"/></li>
    <li><img src="fmedia/中国风电材料设备网.jpg"/></li>
    <li><img src="fmedia/中国环保网.jpg"/></li>
    <li><img src="fmedia/中国会议网.jpg"/></li>
    <li><img src="fmedia/中国能源网.gif"/></li>

    <li><img src="fmedia/中国清洁能源网.png"/></li>
    <li><img src="fmedia/中国脱硫脱硝资讯网.gif"/></li>
    <li><img src="fmedia/中国新能源网.jpg"/></li>
    </ul>
    </div>
    <div class="demo2" id="demo2"></div>
    </div>
    <script language="javascript" type="text/javascript">
        //assignWidth("demo1","demo2")
    toleft("scroll","demo1","demo2",10,"flag")
    </script>
      

  4.   

    其实就是  多了 那个 var非常感谢lihui_shine