使用CSS或JS/JQuery向左和向右滑动两页
问题描述:
我有两个“关于”页面,并且想要在单击链接时左右滚动。这是我的标志。使用CSS或JS/JQuery向左和向右滑动两页
<div id="about">
<div id="about-1">
<p>Content for about 1</p>
<a href="#about-2">Slide to #about-2</a>
</div>
<div id="about-2">
<p>Content for about 2</p>
<a href="#about-1">Slide back to #about-1</a>
</div>
</div>
我还对我怎么想它是一个可视化表示:
我是新来这一点,希望我会得到一个简单的CSS的解决方案,尽可能因为我不知道JS/Jquery,但是如果它是更简单的方法,那就这样吧。如果没有太多要问,我也希望它能够做出反应。 :)帮助,任何人?谢谢!
答
你有没有想过使用JQuery UI?
这里是你必须看一个例子:
function transitionPage() {
// Hide to left/show from left
$("#about-1").toggle("slide", {direction: "left"}, 500);
// Show from right/hide to right
$("#about-2").toggle("slide", {direction: "right"}, 500);
}
$(document).ready(function() {
$('#about-1').click(transitionPage);
$('#about-2').click(transitionPage);
});
你已经尝试到现在 – ddw147
我曾尝试以下这一点:http://jsfiddle.net/webtiki/wtvaJ/2 /但我仍然有困难。尽管如此,仍在尝试。我只是想问一个问题,因为我所看到的所有解决方案/例子都比我需要的复杂得多。 – Suika
提及你的提琴问题和你使用的那个面临的困难,你会得到什么错误 – ddw147