Пятница, 29.03.2024, 01:49

Профиль
ИнформацияВаш профиль
Имя: Гость

Группа: Гости(Noobs)
Ваш браузер- версия-
На сайте живете:- Дней.
Ваша группа:Гости(Noobs)
Наш сайт зовется:Portal SA-MP.Моды для GTA SA,GTA IV,CSS,SCRIPTS UCOZ
Ваша днюха:
Сегодня: 29, 29.03.2024, 01:49
У вас новых личных сообщений · Мой профиль ? Выйти! 


  • Страница 1 из 1
  • 1
Модератор форума: vovik  
SA-MP portal forum,ucoz,gta » Скрипты для UCOZ » Другие скрипты для uCoz » Эффект отгибающегося уголка(как на нашем сайте)
Эффект отгибающегося уголка(как на нашем сайте)
kruegerДата: Четверг, 07.01.2010, 14:32 | Сообщение # 1
Админ CS:Source
Это:krueger
Сообщений на форуме:87
Награды:2  +
Репутация:  ±
Замечания:  ±
Город:Лукоянов
ICQ:565382867
Статус:

кидаем в глоб блок.

Code
<div id="pageflip">
   <a href="ссылка на рекламу">
   <img src="/page_flip.png" alt="" />
   <span class="msg_block">Subscribe via RSS</span>
   </a>
</div>
<script type="text/javascript" src="/jquery-latest.js"></script>   
   <script type="text/javascript">   
   $(document).ready(function(){   
   $("#pageflip").hover(function() { //При наведении мышкой...
   $("#pageflip img , .msg_block").stop()
   .animate({ //Анимировать и расширять msg_block (Ширина + высота)
   width: '307px',   
   height: '319px'
   }, 500);   
   } , function() {
   $("#pageflip img").stop() //Когда мышь не на уголке - вернуться к исходным размерам 50x52
   .animate({
   width: '50px',   
   height: '52px'
   }, 220);
   $(".msg_block").stop() //то же самое, но только это относится к внутреннему контенту уголка (50x50)
   .animate({
   width: '50px',   
   height: '50px'
   }, 200);
   });
   });
   </script>

В CSS добавить:  

#pageflip {
   position: relative;
}
#pageflip img {
   width: 50px; height: 52px;
   z-index: 99;
   position: absolute;
   right: 0; top: 0;
   -ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
   width: 50px; height: 50px;
   position: absolute;
   right: 0; top: 0;
   background: url(/subscribe.png) no-repeat right top;
   text-indent: -9999px;
}
Прикрепления: peel_effect_jqu.rar (65.4 Kb)



SA-MP portal forum,ucoz,gta » Скрипты для UCOZ » Другие скрипты для uCoz » Эффект отгибающегося уголка(как на нашем сайте)
  • Страница 1 из 1
  • 1
Поиск:
Последние ответы форума
Тема Дата, Время АвторРаздел
Новый Мини чат 19.06.2011, 08:42 Rakurs Другие скрипты для uCoz
Читать
Радио на сайт 19.06.2011, 08:41 Rakurs Другие скрипты для uCoz
Читать
Мини профиль для ucoz 19.06.2011, 08:41 Rakurs Другие скрипты для uCoz
Читать
Мини-профиль + форма входа 19.06.2011, 08:41 Rakurs Другие скрипты для uCoz
Читать
Обновлёный блок софта для ucoz 19.06.2011, 08:40 Rakurs Другие скрипты для uCoz
Читать
Баннеро обмен с нашим сайтом 12.06.2011, 23:49 Gudwin Предложения по сайту
Читать
aeyvetara 08.06.2011, 00:19 aeyvetara Музыка
Читать
Wankasta 09.05.2011, 13:33 Wankasta Музыка
Читать
Я ГОНЩИК 07.05.2011, 13:02 Salomon Геймеры [sa-mp]
Читать
Дешёвый хостинг sa-mp серверов 333host.ru 28.04.2011, 22:30 hosting Хостинг серверов sa-mp цены инструкции
Читать



Шаблон Half Live (0)


Загрузок-756

W Gol Power 1.6 2009 (0)


Загрузок-623

Toyota_Celica (0)


Загрузок-757

BMW M6 (0)


Загрузок-676

TOZ-34 (0)


Загрузок-728

Toyota-Corolla (0)


Загрузок-1242

Ferrari FXX (0)


Загрузок-774


www.pride-samp.ucoz.ru | Все для SA-MP: filterscripts, gamemodes,scripts, programs...