Horizontal-scrolling text won't scroll when text is non-english
<p>here is the website:    <a href="http://yumeituan.host.181idc.com/" rel="nofollow">http://yumeituan.host.181idc.com/</a></p>

<p><img src="http://i.stack.imgur.com/PMo8A.gif" alt="alt text"></p>

<p>the text of image below is english.
when the text inside the "barword" div changed to non-english text , then <strong>it did not scroll or draggle</strong>.
can anyone figure it out.
thx.</p>

<p><strong>here is the css code:</strong></p>

<pre><code>.share-left{
    background:url(images/share-left.png) no-repeat 0 0;
    width:21px;
    height:30px;
    float:left;
}
#bar{
    float:left;
    position:relative;
    background:url(images/bg-share-corner.png) no-repeat -39px 0;
    height:22px;
    padding-top:8px;
    width:128px;
    overflow:hidden;
}
#barword{
    position:relative;
    width:128px;
    height:22px;
    overflow:hidden;
}
.share-right{
    background:url(images/bg-share-corner.png) no-repeat 100% -50px;
    width:21px;
    height:30px;
    float:left;
}
</code></pre>

<p><strong>html code:</strong></p>

<pre><code>  &lt;div class="share-left"&gt;
    &lt;/div&gt;
    &lt;div id="bar"&gt;
    &lt;div id="barword"&gt;aaaaaaaaabbbbbbbbbbbbbcccccccccccccddddddddddd&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="share-right"&gt;
    &lt;/div&gt;
</code></pre>

<p>js code:</p>

<pre><code> &lt;script type="text/javascript"&gt;
var scrollingBox;
var scrollingInterval;
var delay=100;
var dragging=false;
var test;
var mouseY;
var mouseX;
window.onload = function(){
    test = document.getElementById("barword");
    test.onmousedown = down;
    test.onmousemove = move;
    test.onmouseup = up;

    //test.style.position = "relative";
    //test.style.top = "0px";
    //test.style.left = "0px";
}
function down(event)
{
    event = event || window.event;
    dragging = true;
    mouseX = parseInt(event.clientX);
    mouseY = parseInt(event.clientY);
    //objY = parseInt(test.style.top);
    //objX = parseInt(test.style.left);
}
function move(event){
    event = event || window.event;
    if(dragging == true){
    var x,y;
    //y = event.clientY - mouseY + objY;
    //x = event.clientX ;
    //test.style.top = y + "px";
    //test.style.left = x + "px";
    test.scrollLeft=3*(event.clientX-713);  //0~272
    //console.log(test.scrollLeft);//713~839

    }
}
function up(){
    dragging = false;
}
//1.初始化滚动新闻
function initScrolling(obj){
    scrollingBox = document.getElementById(obj);
    //scrollingBox.style.width = "20px";
    //scrollingBox.style.overflow = "hidden";
    scrollingInterval = setInterval("scrolling()",delay);
    scrollingBox.onmouseover=function(){
    clearInterval(scrollingInterval);
    };
    scrollingBox.onmouseout=function(){
    scrollingInterval = setInterval("scrolling()",delay);
    }
}
//3.滚动效果
function scrolling(){
    //开始滚动
    scrollingBox.scrollLeft++;
    var origin = scrollingBox.scrollLeft++;
    //console.log(test.scrollLeft);
    if(origin == scrollingBox.scrollLeft){
    //延时固定时间后返回顶部
    setTimeout("scrollingBox.scrollLeft=0",1000)
    }
}
initScrolling("barword");
&lt;/script&gt;
</code></pre>
