Хаки и Скрипты Next Generation CMS

Всплывающий информационный блок при прокрутке страницы

irbees2008 irbees2008 Опубликовано - 8 - января Диалоги и lightbox
6374 - 0

Всплывающий информационный блок при прокрутке страницы
между хеад

Код:
<script type="text/javascript">
$(function() {
$(window).scroll(function(){
var distanceTop = 1000; // Тут укажи нужное расстояние после прокрутки которого будет показано окно.
if ($(window).scrollTop() > distanceTop)
$('#news').show(500);
else
if ($(window).scrollTop() < distanceTop)
$('#news').hide(500);
});
$('.close').bind('click',function(){
$(this).parent().remove();
});
});
</script>
в самый низ майн.тпл перед
Код:
<div id="news" style="display:none;">здесь информация<a class="close"></a></div>
в css
Код:
#news{
position:fixed;
bottom:0px;
right:0px;
width:200px;
height:50px;-webkit-box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;
background-color: #FFF5EE;
padding: 10px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12pt;
color: #888888;
text-align: center;}
a.close{
background: transparent url(../images/close.gif) no-repeat top left;
width: 13px;
height: 13px;
position: absolute;
cursor: pointer;
top: 10px;
right: 10px;
z-index: 10;
}
a.close:hover{
background-position: 0px -13px;
}
в плагине lastnews- в файле entries
Код:
<li><a href="{link}">{date} {title} {views}</a> [edit-news]<img src="{skins_url}/images/rewrite.gif" width="16" height="16" alt="Edit"/>[/edit-news]</li>
в файле lastnews
Код:
<table border="0" width="100%" cellspacing="0" cellpadding="0">

<ul>{entries} </ul>

</table>
и картинка
close.gif

Можешь почитать и вот эту статейку "Выскальзывающие пункты меню на jQuery"

Опрос

Ваше мнение

какой форум лучше для вас
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4835 дней
  • Новостей: 616
  • Комменты: 257
  • Зарегистрированно : 760
  • Онлайн всего: [36]
  • Гости: [35]
  • Поисковики: [1] Google
  • Были сегодня : [3] Google, Cockyvopy, Яндекс
  • SQL запросов: 32
  • Генерация страницы: 0.236сек
  • Потребление памяти: 6.000 Mb 
  •   Яндекс.Метрика