Главная » Файлы » Прочие скрипты » 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

Категория: jQuery | Добавил: Apocalypse | Теги: достижении, выезжающая, низа, при, jSlideRelatedPages, Через, плагин, Оригинальная, панель, страницы
Просмотров: 268 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: