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

jQuery

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

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

11.09.2012, 11:28. Просмотров 3248. Ответов 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. движение хочу по горизонтали, слева на право
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.09.2012, 11:28
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Анимированный фон (jQuery):

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

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

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

Анимированный фон в Body - JavaScript
Как мне сделать в body анимированый background. Размер изображения 4к. Размер экрана 1920x1280 к примеру (Может быть вообще любой...

Подвижный фон - JavaScript
Как сделать подвижный фон как http://sewc.ru/ на этом сайте?

Динамичный фон - JavaScript
Здравствуйте. Хочу сделать на сайте динамичный фон: чтобы при обновлении страницы появлялся один из них. Все фоны состоят из нескольких...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
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')
0
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 16:34  [ТС] #17
and_y87, ОК, а библиотеку то какую взять? Я уже их штук 10 перекачал, не работают
0
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 т.к. он проще...
1
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 16:50  [ТС] #19
and_y87, СПАСИБООО!!! Наконец заработало))) Целый день угрохал)
0
and_y87
Web-Разработчик
406 / 354 / 43
Регистрация: 27.02.2012
Сообщений: 1,300
Записей в блоге: 82
11.09.2012, 16:54 #20
AvengerAlive, главное что бы серого вещества побольше выделилось и в корке что нибудь отложилось :Р
0
AvengerAlive
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 19:07  [ТС] #21
эти знания пошли в папку Шаблоны =)
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.09.2012, 19:07
Привет! Вот еще темы с ответами:

фон не работает - JavaScript
люди вот кусок кода: &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt; function genRand(min,max) { var range = max - min...

Динамический фон - JavaScript
Доброго времени суток, уважаемые. Необходима помощь. Появилась потребность в динамичном фоне веб страницы, т.е. при обновлении - фон...

Фон не меняется - JavaScript
&lt;? session_start(); header('Content-Type: text/html; charset=utf-8'); ?&gt; &lt;!doctype html&gt; &lt;html&gt; &lt;? include (&quot;inc/head.html&quot;); ?&gt; ...

Фон страницы - JavaScript
Хочу поменять фон страницы полностью при нажатии отмена, а не только фон одной строки, не выходит. &lt;html&gt; &lt;head&gt;&lt;title&gt;Главная...


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

Или воспользуйтесь поиском по форуму:
Yandex
Объявления
11.09.2012, 19:07
Ответ Создать тему
Опции темы

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