• Страница 1 из 1
  • 1
Модератор форума: admin  
ucoz Плавное переливание картинки
adminДата: Понедельник, 07.02.2011, 00:50:23 | Сообщение # 1

Группа: Администраторы
Сообщений: 3869
Плавное переливание картинки как у нас в каталоге файлов, вот пример:

форум как бы не понимает..ну вот пример тут

Установка:
В CSS

Code
.otherbutton {
    clear: both;
    position:relative;
    display:block;
    height: 64px;
    width: 570px;
    background:url(http://s011.radikal.ru/i318/1102/91/1c4c761cf33f.png) 0 0 no-repeat;
    cursor: pointer;
}    
.otherbutton span.hover {
    position: absolute;
    display: block;
    height: 64px;
    width: 570px;
    background: url(http://s011.radikal.ru/i318/1102/91/1c4c761cf33f.png) bottom no-repeat;
}

В head

Code
<script type="text/javascript">
    $(document).ready(function() {
    $('.otherbutton').append('<span class="hover"></span>').each(function () {
    var $span = $('> span.hover', this).css('opacity', 0);
    $(this).hover(function () {
    $span.stop().fadeTo(500, 1);
    }, function () {
    $span.stop().fadeTo(500, 0);
    });
    });
    });
</script>

Сама кнопка

Code
<a href="#" class="otherbutton"></a>

Готово!

Источник:www.yourucoz.ru


zm-jail.ru

Разработка сайта samp-pawno.ru


 
Сообщение
Плавное переливание картинки как у нас в каталоге файлов, вот пример:

форум как бы не понимает..ну вот пример тут

Установка:
В CSS

Code
.otherbutton {
    clear: both;
    position:relative;
    display:block;
    height: 64px;
    width: 570px;
    background:url(http://s011.radikal.ru/i318/1102/91/1c4c761cf33f.png) 0 0 no-repeat;
    cursor: pointer;
}    
.otherbutton span.hover {
    position: absolute;
    display: block;
    height: 64px;
    width: 570px;
    background: url(http://s011.radikal.ru/i318/1102/91/1c4c761cf33f.png) bottom no-repeat;
}

В head

Code
<script type="text/javascript">
    $(document).ready(function() {
    $('.otherbutton').append('<span class="hover"></span>').each(function () {
    var $span = $('> span.hover', this).css('opacity', 0);
    $(this).hover(function () {
    $span.stop().fadeTo(500, 1);
    }, function () {
    $span.stop().fadeTo(500, 0);
    });
    });
    });
</script>

Сама кнопка

Code
<a href="#" class="otherbutton"></a>

Готово!

Источник:www.yourucoz.ru

Автор - admin
Дата добавления - 07.02.2011 в 00:50:23
  • Страница 1 из 1
  • 1
Поиск:
Загрузка страницы, займет меньше минуты...
Загрузка...

Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
Система телефонов поломалась
Не в себе
фильм скалайн
Трансформеры 3
форсаж 6
Ищу [FS]Для админок на сервер
нужны координаты карты для отметки зон...
Помогите найти мод
pawno урок автоматические ворота
обращение к скриптерам.
Вопросы по скриптингу
Ваши ошибки при компиляции GM/FS

Вопросы по скриптингу

(1081)

Считаем до 1000

(274)

Ваши ошибки при компиляция gm

(260)

Набор в команду

(80)

Ваши ошибки при компиляции GM/FS

(71)

вопроосы по скриптингу от 22.04.2013

(64)

Баннеробмен

(64)

несколько команд на samp 0.3 c

(64)

Оценки сайта samp-pawno.ru

(55)

Заказ хостинга

(51)

Набор в команду(форум)

(45)

Урок №61 по созданию системы авто для GodFather

(45)

admin

(3869)

[east_side]_trane

(443)

TWiX

(316)

valych

(501)

drifter-dron

(477)

danik_rok

(317)

Dimka_71rus

(360)

Drifter96

(300)

MaNb9K

(220)

[MTA]MaPeR5518

(181)

Dima_Tkach

(107)

Nik_Ull

(184)

ps798829

(Среда 08:23:47)

system32xzxz

(Четверг 09:25:24)

torbin169

(Суббота 23:09:29)

kuchuk_00

(Суббота 17:10:14)

artem_boyko_3

(Суббота 15:57:37)

greggelbak

(Среда 18:29:37)

vladisvlavs

(Среда 13:51:57)

add02102002

(Понедельник 22:37:15)

Диман221

(Понедельник 18:12:45)

almas051004

(Воскресенье 11:05:32)

megasuccessms

(Суббота 14:15:36)

nawe

(Пятница 22:25:23)

Вверх
04:09:05
ОбновитьСмайлыУправление мини-чатом
ЧАТ-PAWNO
2010-2025

vkontakte :samp-pawno.ru: