如何在另一个滑动div内创建滑动div

时间:2013-11-20 00:22:20

标签: javascript jquery css dhtml

我想在另一个div中滑动div,如图所示fiddle 但我的div是浮动类型。如何使用带有“apple”文本的白框重现相同的效果fiddle2,以便在黑色div中包含它。 我的javascript代码是

$(document).ready(function () {
    $('#container').mousemove(function (e) {
        var x = e.pageX - this.offsetLeft;
        $("#recent").text(x + " , " + e.pageX + " , " + $("mainslide").left);
        if (e.pageX <= $(window).width() / 2) 
            $('#slider').css({'left': $(window).width() - e.pageX });
        else 
            $('#slider').css({'right': $(window).width() - e.pageX });
    });
});

1 个答案:

答案 0 :(得分:0)

使用left&amp; right CSS属性您必须将position属性设置为static以外的任何属性。只有position:static&amp; position:relative使用float属性。

因此,您应该向您的CSS添加:#slider { position:relative }并从position

中删除其他#slider CSS属性