向左不间断滚动，如何设置默认不滚动

项目特殊需要：
1、默认文字不滚动；
2、当鼠标移上去时候滚动；
3、离开鼠标滚动则回到起始位置；第2,3个都已经做好了，就是第1个不知道怎么实现；<!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">
*{margin:0;padding:0;}
#dom1,#dom2{width:100px;height:23px;float:left; overflow:hidden;}
#con_1,#con_2{float:left;height:50px;}
#con_1 li,#con_2 li{float:left;}
</style>
</head>
<body>
<div id="dom"  style="width:300px;height:23px;overflow:hidden;margin:0 auto; background-color:#690;">
<div style="width:600px;height:23px;background-color:red;">
<div id="dom1">兼容火狐和IE，上下滚动代码需去掉HTML页面顶部</div>
<div id="dom2"></div>
</div>
</div>
<script type="text/javascript">
function $id(a){return document.getElementById(a);}
var speed=20;
var dom=$id("dom");
var dom1=$id("dom1");
var dom2=$id("dom2");
dom2.innerHTML=dom1.innerHTML;
function marquee(){
if(dom1.offsetWidth-dom.scrollLeft<=0) dom.scrollLeft -=dom1.offsetWidth;
else dom.scrollLeft++;
}
function scrollStr(){
if(dom1.innerHTML.length>=10){
var mymarquee=setInterval(marquee,speed);
dom.onmouseover=function(){
clearInterval(mymarquee);
mymarquee=setInterval(marquee,speed);
}
dom.onmouseout=function(){
dom.scrollLeft=0;
clearInterval(mymarquee);
}
}
}
window.onload=scrollStr;
</script>
</body>
</html>

解决方案 »

  1.   

    解决了
    window.onload=scrollStr;
    改成
    dom.onmouseover=scrollStr;
      

  2.   

    问题又来了\(^o^)/~
    如何把上面的特效应用到以下的每个li当中<ul>
    <li>
    <div id="dom_1" class="str">
    <div style="width:500px;height:21px;">
    <span id="dom1_1" class="str_1">网游标题显示效果一</span><span id="dom1_2"></span>
    </div>
    </div>
    </li>
    <li>
    <div id="dom_2" class="str">
    <div style="width:500px;height:21px;">
    <span id="dom2_1" class="str_1">网游标题显示效果二</span><span id="dom2_2"></span>
    </div>
    </div>
    </li>
    </ul><script type="text/javascript">
    function $id(a){return document.getElementById(a);}
    var speed=20;
    var dom=$id("dom");
    var dom1=$id("dom1");
    var dom2=$id("dom2");
    dom2.innerHTML=dom1.innerHTML;
    function marquee(){
        if(dom1.offsetWidth-dom.scrollLeft<=0) dom.scrollLeft -=dom1.offsetWidth;
        else dom.scrollLeft++;
    }
    function scrollStr(){
            if(dom1.innerHTML.length>=10){
            var mymarquee=setInterval(marquee,speed);
            dom.onmouseover=function(){
                clearInterval(mymarquee);
                mymarquee=setInterval(marquee,speed);
            }
            dom.onmouseout=function(){
                dom.scrollLeft=0;
                clearInterval(mymarquee);
            }
        }    
    }
    dom.onmouseover=scrollStr;
    </script>
      

  3.   

    另外，你命名的这些ID，DOM,DOM1,DOM2，什么的，完全不适合，与程序应具备良好可读性的原则相违背。