Страничен изскачащ скрипт с реклама или съобщение
Необходимо изадължително условие за да работи скриптът е jQuery framework, свързан към сайта, вече ви казах как е свързан по-рано.
изскачащ скрипт в прозореца
Принципът на скрипта jQuery е, че той проследява позицията на страницата, дефинирана в нейния код, с уникален идентификатор или блок клас. Веднага щом този блок със съдържание премине средния знак на прозореца на браузъра на потребителя при превъртане надолу по страницата, се показва прозорец от лявата или дясната страна на скрипта със съдържанието или съобщението, което искате да покажете.
Всички настройки за позицията на изскачащия прозорец, неговата височина, ширина и т.н. се правят в самия javascript (скрипт) или css стилове, присвоени на изскачащия блок.
Код на скрипт (javascript)
(функция ($) $(функция () var $sideroll = $("#sideroll"), // id на блока, който ще се появи $watch_block = $("#content"), // id на блока, чиято позиция се проследява
enabled = true, hide_offset = 5, outer_margin = 10, shown = false,
шоу = функция () ако (показано) връщане; показано = вярно;
hide = function() if(!shown) return; показано = невярно;
деактивиране = функция(e) e.preventDefault(); enabled=false; скрий(); >,
onscroll = function() if(!enabled) return;
var viewport_bottom = $(window).scrollTop() + $(window).height(), block_bottom = $watch_block.offset().top + $watch_block.outerHeight();
if(viewport_bottom > block_bottom) show() else hide(); >;
заглавието на съобщението
Желателно е да поставите този html код в самия край на кода на страницата, преди да заредите долния колонтитул, не забравяйте да посочите пълния път до файла на скрипта.
Със сигурност за всичкиза конкретен сайт и за всеки дизайн ще трябва да се променят скрипта, кода и стиловете, без тях не мога да гарантирам правилната работа на скрипта. Преди да го инсталирате на реален сайт, за да избегнете повредата му, силно ви съветвам да практикувате настройката му на локален компютър (като инсталирате Denver). Също така ви моля да не се свързвате (масово) за помощ при настройката и инсталирането му в сайта, защото за мое съжаление така или иначе не мога да помогна на всички поради липса на време.