JS导航滑动内容

Question

基本上，我一直在试图找到一个JS滑动从导航选择的内容滑动。我附加了一个链接，就像我一直在寻找滑动内容一样。简而言之，我将在页面上为4个内容框设置一个关于页面的子导航。当选择新的部分时，我想将这些框滑入和滑出屏幕。例如，首先可以看到内容框1，如果有人导航到框4，则1将滑落，2将滑过，3将滑过，4将滑过。我认为这个链接正是我所期待的。任何帮助都会很棒。谢谢。

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

Answer 1

这里有一个小提琴我这样做有内容滑动。当鼠标从左向右进入内容幻灯片时。当鼠标离开时，内容从右向左滑出并消失。

sliding Fiddle

$('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(); 

}）;