2009-04-26 37 views
0

我正在设置一个页面,右侧有一个向量沙发,鼠标悬停时它会滑出。我的目标是让我的内容在沙发左侧滑到页面左侧。推送内容关闭页面

我需要将我的元素设置为绝对,然后滑过?我可能会使用animate()将沙发移出调整正确的CSS属性。

默认情况下会向左滑动?

对此的任何想法,我知道如何做一些事情将其滑出,但不知道如何使内容滑动到页面的左侧。

例HTML结构:http://pastie.org/458876

NEW CODE:

$(document).ready(function() { 
    $('#slidemarginleft button').click(function() { 
var $marginLefty = $(this).next(); 
$marginLefty.animate({ 
    marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ? 
    $marginLefty.outerWidth() : 
    0 
}); 
    }); 
}); 

说我使用上面这个代码来移动治疗床从左到右

回答

1

是,为了使元件滑离的唯一方式该页面使用固定和/或绝对定位(除了简单地使元素大于页面之外)。

我不确定是否“it”会掉到左边,因为我不确定容器是如何设置的。我敢肯定,如果你要举出HTML的样子,许多人会愿意做出更好的猜测。 (使用jsbin.com是一个很好的地方来设置示例)

+0

这就是我在想什么,但我将如何使它与左侧的动画相吻合?当我有我的悬停效果时,是否需要手动将我的内容向左和向右滑动? – Coughlin 2009-04-26 18:51:53