Фоновый цвет ротатора

Question

Фоновый цвет ротатора

0

Я использую jquery.color-2.1.2.min.js и tween max

Что у меня есть: http://jsfiddle.net/hGr4n/1/

$(document).ready(function() {
changeBackground();

TweenMax.delayedCall(0.4, frame01);
});

function changeBackground() {
TweenMax.to('body', 3, {
    backgroundColor: colors[count],
    onComplete: changeBackground,
    ease: Linear.easeNone
});

if (count == colors.length - 1) {
    count = 0;
} else {
    count++;
}  
}

Я не могу заставить это работать, я знаю, что мне не хватает чего-то очень простого, но оно должно вращаться по цветам.

Charlie Middleton 19 янв. 2014, в 15:12

Источник

0

TweenMax не определен в вашей скрипке.
jedifans 19 янв. 2014, в 14:08
0

Взгляните на документацию: github.com/jquery/jquery-color#example-use
jedifans 19 янв. 2014, в 14:10
0

Я забыл добавить в это: cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js - вот обновленная скрипка. jsfiddle.net/hGr4n/1
Charlie Middleton 19 янв. 2014, в 14:29

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

css

2 ответа

0

Я разработал легкий плагин jQuery, который использует переходы CSS3 и идеально подходит для того, что вы ищете - ColorRotator.js

Пример использования:

$('#element').colorRotator({
    colors: ['#1abc9c','#16a085','#2ecc71','#27ae60'],
    property: 'background'
});

Вот несколько живых демоверсий

Yoav Kadosh 04 фев. 2016, в 14:43

Ещё вопросы

TweenMax не определен в вашей скрипке.
Взгляните на документацию: github.com/jquery/jquery-color#example-use
Я забыл добавить в это: cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js - вот обновленная скрипка. jsfiddle.net/hGr4n/1

n1k1ch · Accepted Answer · 2014-01-19T12-06-00.000Z

В вашей скрипке colors, переменные count и frame01 не определены.

Вы должны объявить их в соответствующих областях (областях).

Кроме того, TweenMax достаточно для вашего функционала, а jquery.colors не требуется.

См. Обновленный demo

Ого, большое спасибо за вашу помощь. Я все еще пытаюсь разобраться с использованием встроенных функций, и это не очень хорошо! Спасибо еще раз.
Добро пожаловать. Если вы используете Chrome, используйте Chrome Developer Tools ( F12 ), чтобы ловить ошибки самостоятельно