怎么解决鼠标拖动显示出超出的部分

我是想用鼠标往右侧托，Div里的内容就会往左侧滑动，最终可以看到最右侧的内容
我先在是在Div里面加了样式

[quote]它有可能出现空白无内容的现象，如果在加上相应的判断就好哦！ 内容到显示全了就不要让它在拖到啦 [/quote]
晕。。。关键不是帮你写代码啦 是给你看个例子 自己琢磨着写才能进步哈

在text文字外面套一个div 移动的时候js控制显示的绝对位置？
不能全部显示应该是大小没有控制好吧

这样？ 里面的div的position用absolute控制位置
[code="java"]

[/code]

我没试过 不知道你那边不全是啥意思。。。

要不把css里text-overflow:ellipsis;去掉？ 貌似这个属性表示超出部分省略号

我不知道你的拖动是咋实现的 不过试试用margin
[code="java"]

test

<script type="text/javascript">
    var i = 0;

    var intevalId = window.setInterval(function(){
                document.getElementById("test").style.marginLeft = -20 * i + " px";
                if(i == 30) {
                    window.clearInterval(intevalId);
                }
                i++;
            }, 1000);


</script>

[/code]

。。。。。
这个overflow不是应该用scroll嚒 这么会是hidden呢

[code="java"]

test

[/code]

那和我前面写的js修改css有区别嚒。。。只是改成鼠标事件而已
[code="java"]

test

<script type="text/javascript">
    var x0 =0 ;
    var drag = false

    document.body.onmousedown = function (event) {  
        x0 = event.clientX;
        drag = true;
    }
    document.body.onmousemove = function (event) {
        if(drag) {
            var x = event.clientX;
            document.getElementById("test").style.marginLeft =  x - x0 + " px";
        }
    }
    document.body.onmouseup = function (event) {
        x0 = 0;
        drag = false;
    }

</script>

[/code]

[quote]x0 = event.clientX;
这个对象应该不存在吧[/quote]
你有跑过代码嚒 新建个文本 复制进去 文件名改成html 直接打开

x0怎么会没定义呢。。
[code="java"]<br><br> var x0 =0 ;<br><br> var drag = false [/code]</p>

不过 var drag = false 这里少了个分号倒是真的，不过还是能跑的。。

[quote]当然是试过了才知道的啊！ 能跑，却报Js错误明显那个对象不存在[/quote]
你用的IE浏览器吧。。。。。chrome是可以的

刚给加了一句 ie也OK了。。。

[code="java"]

test

<script type="text/javascript">
    var x0 =0 ;
    var drag = false;

    document.body.onmousedown = function (event) {  
        if(!event) event = window.event;
        x0 = event.clientX;
        drag = true;
    }
    document.body.onmousemove = function (event) {

        if(drag) {
            if(!event) event = window.event;
            var x = event.clientX;
            document.getElementById("test").style.marginLeft =  x - x0 + " px";
        }
    }
    document.body.onmouseup = function (event) {
        if(!event) event = window.event;
        x0 = 0;
        drag = false;
    }

</script>

[/code]