Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Плавная замена фона не получается

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: fadeIn
nextdrift
Отправлено: 18 Января, 2011 - 22:24:53
Post Id


Гость


Покинул форум
Сообщений всего: 97
Дата рег-ции: Авг. 2010  


Помог: 0 раз(а)




С JS мало знаком, а реализовать хочется.

Вот код, который меняет цвет фона
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.   $(".cit").hover(function () {
  3.     $(this).css({
  4.       backgroundColor:"yellow",
  5.       fontWeight:"bolder"
  6.     });
  7.   }
  8.  


Нужно сделать замену фона плавным.

Пользовался способом МНТ, получился такой код
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.   $(".cit").hover(function () {
  3.     $(this).css({
  4.       backgroundColor:"yellow",
  5.       fontWeight:"bolder"
  6.     });
  7.     $(this).fadeIn(500);
  8.   }
  9.  

Но ничего не работает...



P.S.
МНТ - метод научного тыка
 
 Top
Саныч
Отправлено: 18 Января, 2011 - 23:22:10
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)




Ваш пример просто изменяет стиль, для плавного нужно использовать анимацию
Пример 1. Фон меняется плавно, шрифт сразу:
CODE (javascript):
скопировать код в буфер обмена
  1. $(".cit").hover(function () {
  2.     $(this).css('font-weight','bolder');
  3.     $(this).animate({backgroundColor: "yellow"}, 500);
  4. }

Пример 2. Все меняется плавно:
CODE (javascript):
скопировать код в буфер обмена
  1. $(".cit").hover(function () {
  2.     $(this).animate({backgroundColor: "yellow",fontWeight: "bolder"}, 500);
  3. }

500 - это время в мс, поменяйте на нужное


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
nextdrift
Отправлено: 18 Января, 2011 - 23:35:50
Post Id


Гость


Покинул форум
Сообщений всего: 97
Дата рег-ции: Авг. 2010  


Помог: 0 раз(а)




Саныч пишет:
Ваш пример просто изменяет стиль, для плавного нужно использовать анимацию
Пример 1. Фон меняется плавно, шрифт сразу:
CODE (javascript):
скопировать код в буфер обмена
  1. $(".cit").hover(function () {
  2.     $(this).css('font-weight','bolder');
  3.     $(this).animate({backgroundColor: "yellow"}, 500);
  4. }

Пример 2. Все меняется плавно:
CODE (javascript):
скопировать код в буфер обмена
  1. $(".cit").hover(function () {
  2.     $(this).animate({backgroundColor: "yellow",fontWeight: "bolder"}, 500);
  3. }

500 - это время в мс, поменяйте на нужное



Как раз хотел написать что решил проблему ^^
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.   $(".cit").hover(function () {
  3.     $(this).css({
  4.       backgroundColor:"#ddd",
  5.       fontWeight:"bolder"
  6.     });
  7.     $(this).stop().animate({
  8.     opacity: 1.0
  9.     }, 300);
  10.   },
  11.  

Но всё равно спасибо =)
 
 Top
JustUserR
Отправлено: 19 Января, 2011 - 14:58:25
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




nextdrift Для предполагаемого клиентского приложвния возможно включеня дополнительных оптимизационных действий связанных с заметным ускорением функционирования web-страницы при использовании браузера с соответствующими встроенными возможностями - таких как встроенные filter для браузеров группы Internet explorer - в таком случае отображение осуществляется системными средстами компилированных элементов и производится в сотни раз быстрее


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
nextdrift
Отправлено: 19 Января, 2011 - 21:47:17
Post Id


Гость


Покинул форум
Сообщений всего: 97
Дата рег-ции: Авг. 2010  


Помог: 0 раз(а)




JustUserR, для нормального существования нервов и мозгов любого гуманоида нашей окружающей среды - я намерен разрушить мифы об таком невообразимом удобстве объекта сети world wide web - IE. Для сохранения психологического состояния пользователя я намерен поддерживать гармоничный переход от холодного к тёплому. Под холодным можно понять двояко. Это и дизайн символа иконки запуска IE (в отличае от политры других браузеров), так и нарастающее воздействие начинающееся с простых шутливых форм взаимоотношения пользователя Ниндзя


Ну и перевод:
в топку IE

(Отредактировано автором: 19 Января, 2011 - 21:48:12)

 
 Top
JustUserR
Отправлено: 21 Января, 2011 - 15:27:37
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




nextdrift Рассмотрение субъективных аспектов используемого программного обеспечения не является аспектом данной дискусии - в то время как целевые объективные параметра возможности осуществления включения системных компилированных элементов предоставляет рост производительности по сравнению с интерпретируемыми JS-приложениями
nextdrift пишет:
Ну и перевод: в топку IE
Рассмотрение реальных вопросов связанных с аспектами совместимости и функциональности браузеров приводит к противоположной сентенции - а именно исключения браузера Firefox в силу его несовместимости со всеми остальными обозревателями и резкого недостатка функциональных возможностей


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
nextdrift
Отправлено: 21 Января, 2011 - 21:10:03
Post Id


Гость


Покинул форум
Сообщений всего: 97
Дата рег-ции: Авг. 2010  


Помог: 0 раз(а)




JustUserR ещё с десяток сообщений и я буду читать ваш язык с лёгкостью Ниндзя Радость
 
 Top
JustUserR
Отправлено: 23 Января, 2011 - 12:25:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




nextdrift В качестве интересного материала по указанной теме возможно приведение следующих источников
http://go[dot]mail[dot]ru/search?fr=main[dot][dot][dot]rch=e&drch=e
http://expert[dot]com[dot]ua/39081[dot]html
Рассмотрение вопросов внутренней функциональности и быстродействия приводит к аналогичным результатам


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
nextdrift
Отправлено: 23 Января, 2011 - 18:15:58
Post Id


Гость


Покинул форум
Сообщений всего: 97
Дата рег-ции: Авг. 2010  


Помог: 0 раз(а)




Хорошо дырявый - это ведь не навсегда. Всё фиксится.

Я имел ввиду постоянно всё фиксить для IE. Вам это нравится?

Я вообще сам Google Chrome использую
 
 Top
JustUserR
Отправлено: 25 Января, 2011 - 16:37:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




nextdrift пишет:
Я имел ввиду постоянно всё фиксить для IE. Вам это нравится
Осуществление дополнительной коррекции разработанных проектов в действительности является нецелевой задачей - однако во всех существовавших реальных проектов проведение указанных действий требовалось лишь для браузера Firefox - как правило после первоначальной отладки все нормальные не-gecko браузеры предоставляли корректное отображения и функционирование программных элементов - в то время как постоянные и сложно разрешаемые проблемы образуются в firefox по причине отсутсвия в нем корректной модели JS-событий и отсутствующего контроля синхронизируемых потоков
Как правило в 99% заказов целевая реализация осуществляется для нормальных не-gecko браузеров - в то время как для них заказчикам предоставляется ограниченный вариант Просмотр существующих описаний потоков дискуссий в данном разделе лишь обеспечивает подтверждение данной сентенции
Цитата:
Я вообще сам Google Chrome использую
Отличный браузер осуществляющей в равной мере одинаковое корректное отображение web-страниц как и Internet explorer и Opera - а также Safari & Maxthon


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB