Главная » Файлы » Прочие скрипты » jQuery

RSS в углу страницы через jQuery и css
23.06.14, 08:57:05

Скачать файл




Данный плагин красиво выводит в правом верхнем углу rss

Для начала посмотрите ДЕМО

Установка:

На страницах, где будет задействован данный плагин, после /head вставляйте:
Код
<script type="text/javascript">
  $(document).ready(function(){  

  //Page Flip on hover  

$("#pageflip").hover(function() {  
$("#pageflip img , .msg_block").stop()  
.animate({  
width: '307px',
height: '319px'  
}, 500);
} , function() {  
$("#pageflip img").stop()
.animate({  
width: '50px',
height: '52px'  
}, 220);  
$(".msg_block").stop()
.animate({  
width: '50px',
height: '50px'  
}, 200);  
});  

  });  
  </script>
  <style type="text/css">
  img { behavior: url(/images/iepngfix.htc) }  
  #pageflip {  
position: relative;  
right: 0; top: 0;  
float: right;
  }  
  #pageflip img {  
width: 50px; height: 52px;  
z-index: 999;  
position: absolute;  
right: 0; top: 0;  
-ms-interpolation-mode: bicubic;  
  }  
  #pageflip .msg_block {  
width: 50px; height: 50px;  
overflow: hidden;  
position: absolute;  
  z-index: 1;  
right: 0; top: 0;  
background: url(/images/subscribe.png) no-repeat right top;  
  }  
  </style>

  <div id="pageflip">
<a href="Ссылка на ваш rss"><img src="/images/page_flip.png" alt="" /></a>
<div class="msg_block"></div>
</div>


Далее залейте все файлы из архива в папку images

Материал предоставлен пользователем nik245

Материал полностью подготовлен и адаптирован под uCoz Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: CSS, Через, JQuery, углу, Rss, страницы
Просмотров: 344 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: