Главная » Файлы » Прочие скрипты » jQuery |
Оригинальная выезжающая панель при достижении низа страницы через плагин jSlideRelatedPages на jQuery для uCoz
23.06.14, 14:18:01 | |
При достижении нижней точки страницы в правом нижнем углу появится панель, в которой вы сможете разместить любой ваш контент Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <script src="/js/jsliderelatedpages.js" type="text/javascript" language="JavaScript"></script> <link rel="stylesheet" type="text/css" href="/css/style.css"> <script type="text/javascript"> $().ready(function() { $('#jsrp_related').jsliderelatedposts({ speed: 1000, scrolltrigger: 0.75, smartwidth: true }); }); </script> Следующий код сразу после предыдущего: Код <div id="jsrp_related"> <a href="#" id="jsrp_related-close"><img id="close_btn" src="/images/close_button.gif" alt="Close"></a> <h3>You might also like:</h3> <ul> <li><a href="http://blogoola.com/australia/" ><img src="http://blogoola.com/images/country-flags/australia-bigflag.png" alt="australia" title="australia" width="70" height="50" border="0" class="jsrp_thumb" /></a> <a href="http://blogoola.com/australia/" rel="bookmark" class="jsrp_title">Blogs From Australia</a></li> <li><a href="http://blogoola.com/india/" ><img src="http://blogoola.com/images/country-flags/india-bigflag.png" alt="india" title="india" width="70" height="50" border="0" class="jsrp_thumb" /></a> <a href="http://blogoola.com/india/" rel="bookmark" class="jsrp_title">Blogs From India</a></li> </ul> </div> Изменяйте контент по своему усмотрению Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и картинку в папку images Материал подготовлен Apocalypse | |
Просмотров: 386 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |