Слайд-эффект смартфона jQuery - PullRequest
1 голос
/ 19 сентября 2011

У меня есть несколько div на странице, все, кроме одного div, скрыты

<div id="main"> ... content ... </div>
<div id="p1"> ...content... </div>
<div id="p2"> ...content... </div>
<div id="p2"> ...content... </div>

<script type="text/javascript">
  $('#p1').hide();
  $('#p2').hide();
  $('#p3').hide();
</script>

Теперь на главной странице у меня есть, скажем, 3 кнопки / ссылки.Я хочу создать слайд-эффект, похожий на приложение для смартфона (когда при нажатии кнопки / ссылки на главной странице) он сдвигает основной элемент div с экрана влево и перемещает соответствующий элемент div (например, p1) справаодновременно на область просмотра.

Теперь я могу сделать это, либо заменив содержимое основного div (выдвинув содержимое div и выдвинув содержимое p1 div вdiv) или сдвинув весь div с экрана и включив замещающий div).

Любой из вариантов, я не знаю, как это сделать с помощью jQuery.

Обновление: как яЯ еще не нашел решения, и я продолжил поиск ответа, я также нашел и (просто заказал сам): Создание приложений для iPhone с HTML, CSS и JavaScript: создание приложений для магазина приложений без цели.С или Какао .Обратите внимание (полное раскрытие), это партнерская ссылка (Amazon).Хотя я не рекламирую книгу (еще не читал ее), она может быть полезна другим.

Обновление 2: Престижность в stackoverflow, эта партнерская ссылка автоматически изменилась на их партнерский код, поэтому я связал еекнига в их пользу.:) В любом случае, все еще надеюсь, что эта книга кому-то поможет, не могу дождаться, когда получу мою копию.

...