MEGAucoz
Шаблоны [906]
Скрипты [350]
Иконки [321]
Другое [56]

всё для ucoz, скрипты для Ucoz, меню сайта для uCoz

статистика сайта для uCoz, скачать шаблоны для uCoz, скачать скрипты для юкоз, скачать шаблоны для юкоз, меню сайта для uCoz, скачать иконки групп для uCoz
Главная » Файлы » Всё для uCoz » Скрипты

Скачать Эффект отгибающегося уголка страницы с помощью JQuery бесплатно


27.11.2009, 11:42

Начнем с html (можна создать глобальный блок)

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 добавить:

Code

#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;  
  }

Где subscribe.png изображение рекламы под уголком (картинка вашей рекламы должна быть по размерам такой же)

Категория: Скрипты | Добавил: Sazon4ik | Битая ссылка!
Просмотров: 780 | Загрузок: 0 | Рейтинг: 1.0/1
Дорогие пользователи сайта Megaall.ru!
В категории "Скрипты" вы сможете скачать Эффект отгибающегося уголка страницы с помощью JQuery бесплатно, без смс и регистрации. Если вам понравился файл Эффект отгибающегося уголка страницы с помощью JQuery, то не забудьте оставить свой отзыв в коментариях.
Всего комментариев к Эффект отгибающегося уголка страницы с помощью JQuery: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Пожалуйста пройдите быструю регистрацию или войдите в свой аккаунт.

Онлайн всего: 17
Гостей: 17
Пользователей: 0

[ Кто нас сегодня посетил ]
#%^&8*;№ ?
javascript:; javascript:;
Всего ответов: 98