0

基本上，我一直在尝试找到一个 JS Fiddle 来滑动从导航中选择的内容。我已经附加了一个链接，类似于我在滑动内容方面正在寻找的东西。简而言之，我将有一个关于页面，页面上有一个子导航，用于 4 个内容框。我想在选择新部分时将此框滑入和滑出屏幕。例如内容框 1 首先可见，如果有人导航到框 4，则 1 会滑出，2 会滑过，3 会滑过，4 会滑上。我认为该链接正是我想要的。任何帮助都会很棒。谢谢。

http://www.charliegentle.co.uk/

4

1 回答 1

1

这是我做的一个有内容滑动的小提琴。当鼠标进入时，内容从左到右滑入。当鼠标离开时，内容从右向左滑出并消失。

滑动小提琴

$('div').mouseenter(function() {
$('li').animate({
    display: 'toggle',
    margin: '15px',
    opacity: '1'
}, 500);

});

$('div').mouseleave(function() {
$('li').animate({
    margin: '15px 0px 15px -100px',
    position: 'absolute',
    opacity: '0'
}, 800).fadeToggle();

});​</p>

于 2012-11-03T02:03:37.137 回答