Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 440 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |