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

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

irbees2008 irbees2008 Опубликовано - 8 - января Диалоги и lightbox
6254 - 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

Можешь почитать и вот эту статейку "Теги form"

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйту: 4672 дня
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 679
  • Онлайн всего: [14]
  • Гости: [14]
  • Были сегодня : [1] Google
  • SQL запросов: 29
  • Генерация страницы: 0.441сек
  • Потребление памяти: 6.225 Mb 
  •   Яндекс.Метрика