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

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

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

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

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

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

Теги

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

Статистика

  • Caйту: 4488 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 670
  • Онлайн всего: [9]
  • Гости: [8]
  • Поисковики: [1] Google
  • Были сегодня : [3] Google, Яндекс, dankeanke
  • SQL запросов: 29
  • Генерация страницы: 0.288сек
  • Потребление памяти: 5.154 Mb 
  •   Яндекс.Метрика