2010-02-27 3 views
1

Я хочу сделать что-то вроде этого сайта: http://www.lionite.com Проверьте заголовок, городские слайды, как это можно сделать с помощью jquery?jquery и скользящий/анимированный фон

Любой плагин или учебник будет большое :)

Благодаря

+0

Я думаю, что это то, что вы ищете http://api.jquery.com/animate/ – ant

ответ

2

Это действительно просто, и этот сайт сжигает мой процессор много (не знаю, почему она не должна делать - это просто: P)

Что вы хотите, это анимировать фоновое положение на div или на всем теле.

  1. создать фон, который может повторяться по горизонтали
  2. сделать CSS так, чтобы это показано и повторяется на х
  3. использовать $(). Анимировать() на фоне позиции изменения х позиций до ширины вашего фона
  4. Когда анимация заканчивается, измените положение x на 0 и снова запустите аминирование.

это будет выглядеть вы прокручиваете фону все время (если вы синхронизировать его плохо будет прыгать немного на каждом перезапуске положение)

Если Вы не знаете, как сделать позицию CSS bug me in comments;)

+0

Согласен, это горит около 16% процессора в Chrome. Это ужасно ужасно для веб-сайта компании, особенно при анимации чего-то такого простого. – Alex

+0

На моем 5-летнем ноутбуке usnig ff3.0 на ubuntu я получил 100% -ный процессор с этим: D Что действительно удивительно, так это то, что анимация все еще была гладкой! : D – naugtur

Смежные вопросы