Почетный SF Сообщений: 2515 Откуда: As is Зарегистрирован: 10 Ноября 2007, 13:15:07 Сказали спасибо 353 раз Статус: offline
Опубликовано 15 Ноября 2008, 19:42:38
Люблю я прикольные феньки, а которые не грузят серв - люблю еще больше.
Цель: добиться плавного эффекта исчезания/появления в 3ойке браузеров, причем так чтоб оно работало и в других браузерах (сафари, хром) пусть и не в полную силу.
Результат: Работает в IE6 ; Последней FF (3), последней Опере (9,6) (в принципе работать должно везде)
Код свободный, на этот раз почти (на 80%) не ворованый :)
Как это делать: (НАПОМНЮ ЧТО ЭТО НЕ PHP!)
Инклюдим файл со скриптом : (кста справка небольшая есть в нем)
Далее для нужного вам объекта (поддержка только именованых объектов)
вызываем одну из функций:
Основная функция - плавное исчезание / появления объекта: autoinshadow(obj,sparam,param,correctparam) по порядку - имя объекта, функция(или выражение) которое исполняется ДО появления/исчезания , функция(или выражение) которое исполняется ПОСЛЕ появления/исчезания
пример
<a href="#" onclick="autoinshadow('test','alert(\'Now we see it!!\')','alert(\'bye bye!\')','yes');return false;">AUTO</a>
<div id="test">test word HELLO</div>
set_opacity(obj,now_opacity) универсальная (кросс) прозрачность (быстрая) первый параметр - объект, второй - число от 0 до 100
inshadow(obj,showhide,sparam,param) параметры те же что и в autoinshadow добавлен параметр showhide - может принимать значения show и hide (скрыть и показать)
Переменные (для тех любит конфиги)
fadecycle - задержка перед следующим измнением видимости
countofshadow - на какое число менять прозрачность (в % от 1 до _наверно_ 25)
PS Поддержка предоставляется.
PPS Навеяно WP (15% кода оттуда :P)
<a href="#" onclick="autoinshadow('test','alert(\'Now we see it!!\')','alert(\'bye bye!\')','yes');return false;">AUTO</a>
<div id="test">test word HELLO</div>
Offtopic: PS На семерке рекомендую юзать jQuery там уже все есть :)
Регистрация 
