Форум программистов, компьютерный форум CyberForum.ru

jQuery

Войти
Регистрация
Восстановить пароль
 
 
Рейтинг: Рейтинг темы: голосов - 26, средняя оценка - 4.92
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
#1

Анимированный фон - jQuery

11.09.2012, 11:28. Просмотров 3234. Ответов 20
Метки нет (Все метки)

Здраствуйте. Я сделал градиентный фон для body от синего к белому. У меня есть рисунок на 200 пх высотой и 2048 длиной. Облака на прозрачном фоне. Я хочу чтобы этот рисунок был наложен на мой градиент и плавно двигался бы, то есть хотел что-то вроде ленточного конвейера с облоками сделать. Помогите реализовать.
HTML5
1
2
3
4
5
6
7
<head>
...
</head>
 
<body>
...
</body>
CSS
1
2
3
4
5
6
7
body {
margin: 0;
    padding: 0;
    min-width: 1024px;
    width: 100%;
    background-image: url(../gradient.php?from=00f&to=fff); 
}
рисунок с облаками 1.png сам сделал на фотошопе, просто облака вырезал, вставил, удалил фон.

Добавлено через 1 минуту
P.S. движение хочу по горизонтали, слева на право
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.09.2012, 11:28     Анимированный фон
Посмотрите здесь:

анимированный бекграунд - jQuery
Помогите сделать анимированный бг на jquery. пример на флэш, нужно чтобы изображения менялись(бесконечное количество) параметры...

Анимированный раскрывающийся блок - jQuery
Здравствуйте. Хочу сделать календарь с заметками. Заметки отображаются на самих ячейках, но не все... чтобы показать все, надо раскрыть...

Как сделать анимированный footer (как на lj)? - jQuery
Добрый день, не получается сделать анимацию ,как на lj, футер приклеен книзу, при нажатии все содержимое должно перекрывать квысоту окна...

Фон слайдера - jQuery
for (var i = 0; i &lt; 3; i++) { $('.itemSlide').css(&quot;background&quot;,&quot;url(http://test.ru/img/slider_&quot;+i+&quot;.png)&quot;); } Выводит 2,...

Динамичный движущийся фон - jQuery
Доброго времени суток! Может кто знает каким образом реализован фон в одноклассниках - фон когда запрашивает логин с пассом, где меняются...

Фон для страницы - jQuery
Идея вроде бы простая. Создать фон для страницы на сайте, состоящий из двух картинок. Одна картинка должна выравниваться по левой границе...

Не масштабируемый фон в блоке - jQuery
Всем доброго утра/дня/вечера/ночи. Как реализовать такой бэкграунд? Побывал с помощью jquery maxImage, не получается его засунуть в...

После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
and_y87
Web-Разработчик
406 / 354 / 43
Регистрация: 27.02.2012
Сообщений: 1,300
Записей в блоге: 82
11.09.2012, 16:15     Анимированный фон #16
AvengerAlive, оооооо...
точно.... там первое значение это 'X' а второе это 'Y'

может так надо...
Javascript
1
var b= '-'+a+'px 0px'
хотя вроде бы автоматом должен Y - 0px делать...

Добавлено через 34 секунды
Javascript
1
$(id).css('background-position', '-50px 0px')
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 16:34  [ТС]     Анимированный фон #17
and_y87, ОК, а библиотеку то какую взять? Я уже их штук 10 перекачал, не работают
and_y87
Web-Разработчик
406 / 354 / 43
Регистрация: 27.02.2012
Сообщений: 1,300
Записей в блоге: 82
11.09.2012, 16:39     Анимированный фон #18
AvengerAlive, обычно достаточно подключить библиотеку последней версии...
в ней содержаться все функции предыдущих версий устраняются глюки баги и дополняют новыми возможностями, редко случается когда вырезается какая либо функция...

эх я лошара забыл.... что на JQ вот так с ID надо работать:
Javascript
1
$('#'+id).css('background-position',k+' 0px');
ошибка была тут: $(id)
надо было: $('#'+id)

Добавлено через 1 минуту
но можно и зарание там прописать...
Javascript
1
var id = '#image_animate';
хотя нет.... тогда накроется строка выше...
кстате к слову если будет 2 строки то будет фон 2 раза смещаться.... советую использовать только JQ т.к. он проще...
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 16:50  [ТС]     Анимированный фон #19
and_y87, СПАСИБООО!!! Наконец заработало))) Целый день угрохал)
and_y87
Web-Разработчик
406 / 354 / 43
Регистрация: 27.02.2012
Сообщений: 1,300
Записей в блоге: 82
11.09.2012, 16:54     Анимированный фон #20
AvengerAlive, главное что бы серого вещества побольше выделилось и в корке что нибудь отложилось :Р
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.09.2012, 19:07     Анимированный фон
Еще ссылки по теме:

Плавно убрать фон - jQuery
Добрый день. К примеру на сайте есть фон картинка, на которой висит меню в виде ссылок. При наведении на блок с ссылкой плавно...

Не затемняется фон формы - jQuery
Добрый день, я сначала вывожу форму (фон затемнен) &lt;div class=&quot;popup aut_form style&quot; style=&quot;display:&lt;? if($ok2==1)echo 'none' ; else echo...

Движущийся фон блока js - jQuery
Добрый день, уважаемые форумчане ! Подскажите начинающему как реализовать вот такое demo.bonefishcode.com/bone/file/single.html ? ...

Удалить фон в галерее - jQuery
Сейчас на денвере работаю с темой http://demo.wordpress-ru.ru/ И хотелось бы, чтобы темное окно, которое появляется на каждом...

задний фон картинка - jQuery
Всем привет! www.lizamakeeva.ru/news проблема - при просмотре разделов сайта задним фоном лежит картинка, которая масштабируется...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 19:07  [ТС]     Анимированный фон #21
эти знания пошли в папку Шаблоны =)
Yandex
Объявления
11.09.2012, 19:07     Анимированный фон
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru