ReSQL.ru
     
powered by simpleCommunicator - 2.0.38     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Эффект плавного перетикания цвета на js
18 сообщений из 18, страница 1 из 1
Эффект плавного перетикания цвета на js
    #34225004
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
Всем с наступающим !!!!!
Плиз, подскажите:
Есть фоновый цвет в ячейке таблицы, но нужно создать эффект плавной смены цвета (скажем от темно синего к светло синему) от одного края к другому и обратно.
За ранее всем спасибо.
...
Рейтинг: 0 / 0
26.12.2006, 13:27
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34225239
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
у ячейки произвольная ширина? Если да, то не знаю....
если нет - фоновый рисунок
...
Рейтинг: 0 / 0
26.12.2006, 14:35
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34225618
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Нужно в динамике или статике?
...
Рейтинг: 0 / 0
26.12.2006, 16:16
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34225969
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
AntonariyНужно в динамике или статике?
К сожалению нужна динамика.
...
Рейтинг: 0 / 0
26.12.2006, 17:54
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34225995
Фотография 4m@t!c
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4m@t!c
Участник
Вариант. Разместить блок в ячейке и постепенно увеличивать его размеры до 100%?
----------------------------------------
Артисты не приехали, приехали цыгане
...
Рейтинг: 0 / 0
26.12.2006, 18:08
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34226252
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Есть простое решение, но только для IE.
...
Рейтинг: 0 / 0
26.12.2006, 20:29
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34226361
Фотография 4m@t!c
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
4m@t!c
Участник
Antonariy, интересно, как оно выглядит. Озвучьте, пожалуйста?
----------------------------------------
Артисты не приехали, приехали цыгане
...
Рейтинг: 0 / 0
26.12.2006, 21:33
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34226453
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Transitions рулят. Пример из MSDN.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<SCRIPT>
var bToggle =  0 ;
function fnToggle() {
    oDiv.filters[ 0 ].Apply();                   
// After setting Apply, changes to the oDiv object 
//  are not displayed until Play is called.

    if (bToggle) {                                                        
        bToggle =  0 ;
        oDiv.style.backgroundColor="orange";}
    else {
        bToggle =  1 ;
        oDiv.style.backgroundColor="blue";}  
    oDiv.filters[ 0 ].Play();
}
</SCRIPT>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: orange;
                filter:progid:DXImageTransform.Microsoft.gradientWipe(
                duration=3, gradientsize=0.5);">
</DIV>
...
Рейтинг: 0 / 0
26.12.2006, 23:02
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34226888
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
AntonariyTransitions рулят. Пример из MSDN.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<SCRIPT>
var bToggle =  0 ;
function fnToggle() {
    oDiv.filters[ 0 ].Apply();                   
// After setting Apply, changes to the oDiv object 
//  are not displayed until Play is called.

    if (bToggle) {                                                        
        bToggle =  0 ;
        oDiv.style.backgroundColor="orange";}
    else {
        bToggle =  1 ;
        oDiv.style.backgroundColor="blue";}  
    oDiv.filters[ 0 ].Play();
}
</SCRIPT>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: orange;
                filter:progid:DXImageTransform.Microsoft.gradientWipe(
                duration=3, gradientsize=0.5);">
</DIV>

Действительно класс, но арбайтает только в ie :-(
...
Рейтинг: 0 / 0
27.12.2006, 10:00
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34226938
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
Вообщем я решил проблему малеха иным способом.
http://motionpro.com.ua/treglav/
...
Рейтинг: 0 / 0
27.12.2006, 10:17
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34227092
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Если ты про плавно меняющиеся картинки, то это не то же самое.
...
Рейтинг: 0 / 0
27.12.2006, 10:56
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34227109
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
AntonariyЕсли ты про плавно меняющиеся картинки, то это не то же самое.
Я знаю. Я просто другого решения не нашел (хотел это сделать на js, но незнаю как).
Увы. Но если кто знает как - подскажите.
И на всяк случай ВСЕХ С НАСТУПАЮЩИМ!!! ;-)
...
Рейтинг: 0 / 0
27.12.2006, 11:00
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34228573
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
HunterNomad AntonariyTransitions рулят. Пример из MSDN.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<SCRIPT>
var bToggle =  0 ;
function fnToggle() {
    oDiv.filters[ 0 ].Apply();                   
// After setting Apply, changes to the oDiv object 
//  are not displayed until Play is called.

    if (bToggle) {                                                        
        bToggle =  0 ;
        oDiv.style.backgroundColor="orange";}
    else {
        bToggle =  1 ;
        oDiv.style.backgroundColor="blue";}  
    oDiv.filters[ 0 ].Play();
}
</SCRIPT>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: orange;
                filter:progid:DXImageTransform.Microsoft.gradientWipe(
                duration=3, gradientsize=0.5);">
</DIV>

Действительно класс, но арбайтает только в ie :-(

А есть вариант создать этот скрипт всеброузерным?
...
Рейтинг: 0 / 0
27.12.2006, 16:56
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34228643
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
HunterNomadА есть вариант создать этот скрипт всеброузерным?
Нет. "filter:progid:DXImageTransform.Microsoft.gradientWipe" - из-за этой строчки
...
Рейтинг: 0 / 0
27.12.2006, 17:15
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34228676
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HunterNomad
Участник
Damnedest HunterNomadА есть вариант создать этот скрипт всеброузерным?
Нет. "filter:progid:DXImageTransform.Microsoft.gradientWipe" - из-за этой строчки
;-) Ладно, поставим вопрос по другому. Есть подобные скрипты для всех броузеров?
...
Рейтинг: 0 / 0
27.12.2006, 17:21
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34229255
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Вряд ли. Это просто в IE есть поддержка некоторых функций DirectX.
...
Рейтинг: 0 / 0
28.12.2006, 00:01
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34229657
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Неа, нету... тока специальными плугинчиками небось можно. Тока юзверя еще надо заставить их установить.
...
Рейтинг: 0 / 0
28.12.2006, 10:25
| Ответить | Цитировать | Написать  
Эффект плавного перетикания цвета на js
    #34270540
broker_ua
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
broker_ua
Гость
то что ты искал...

_http://www.tigir.com/fade.htm

з.ы. второй сайт по запросу в гугле после этой темы ;)
...
Рейтинг: 0 / 0
21.01.2007, 15:56
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Эффект плавного перетикания цвета на js
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34225239&tid=1458920]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 32ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 280ms
total:  401ms
созд. / загр.: 401ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]