форум вебмастероff на AlfaSpace.NET |
Ubuntu и Linux
|реактивный бесплатный хостинг
| Киноклуб. ВСЁ БЕСПЛАТНО!
база знаний хостинга
|
правила форума
| Начало ° Ответить ° Статистика ° Опрос ° Регистрация ° Поиск ° FAQ ° |
| Форум вебмастеров на AlfaSpace.NET / Создание сайта / Микроокно без навигации |
| Автор | Сообщение |
| acsid Alfa Guru 2466 |
# Дата: 24 Мар 2006 11:22 ° Поправил: acsid Сложновато описать словами вот пример: http://www.atfix.com/forum/index.php ( когда загружается страница ,поверх основной страницы появляеться окно с формой) Как это делают? |
| acsid Alfa Guru 2466 |
# Дата: 24 Мар 2006 11:54 ° Поправил: acsid хм жестяк ) разобрался) вначале стиль для дива
<style type="text/css"> #hoverprompt{
position:absolute;
width:300px;
left:0;
top:-400px;
padding:4px;
z-index:100;
visibility:hidden;
background: transparent url(style_images/atfix/tile_sub.gif);
}
</style> потом скрипт для дива
<script type="text/javascript"> var displaymode = 'always';
var enablefade = 'no';
var autohidebox = ['yes', 10];
var showonscroll = 'yes';
var IEfadelength = 1;
var Mozfadedegree = 0.05;
if (parseInt(displaymode) != NaN)
{
var random_num = Math.floor(Math.random() * displaymode);
}
function display_hover_prompt()
{
var ie = document.all && !window.opera;
var dom = document.getElementById;
var iebody = (document.compatMode == 'CSS1Compat') ? document.docu
mentElement : document.body;
var objref = (dom) ? document.getElementById('hoverprompt') : docu
ment.all.hoverprompt;
var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset;
var docwidth = (ie) ? iebody.clientWidth : window.innerWidth;
var docheight = (ie) ? iebody.clientHeight: window.innerHeight;
var objwidth = objref.offsetWidth;
var objheight = objref.offsetHeight;
objref.style.left = docwidth/2-objwidth/2+'px';
objref.style.top = scroll_top+docheight/2-objheight/2+'px';
if (showonscroll == 'yes')
{
var showonscrollvar = setInterval('static_hover_prompt()', 50)
;
}
if (enablefade == 'yes' && objref.filters)
{
objref.filters[0].duration = IEfadelength;
objref.filters[0].Apply();
objref.filters[0].Play();
}
objref.style.visibility = 'visible';
if (objref.style.MozOpacity)
{
if (enablefade == 'yes')
{
var mozfadevar = setInterval('mozilla_hover_prompt_fade()'
, 90);
}
else
{
objref.style.MozOpacity = 1;
initiate_hover_prompt_hiding();
}
}
else
{
initiate_hover_prompt_hiding()
}
}
function mozilla_hover_prompt_fade()
{
if (parseFloat(objref.style.MozOpacity) < 1)
{
objref.style.MozOpacity = parseFloat(objref.style.MozOpacity)+
Mozfadedegree;
}
else
{
clearInterval(mozfadevar);
controlledhidebox();
}
}
function static_hover_prompt()
{
var ie = document.all && !window.opera;
var dom = document.getElementById;
var iebody = (document.compatMode == 'CSS1Compat') ? document.docu
mentElement : document.body;
var objref = (dom) ? document.getElementById('hoverprompt') : docu
ment.all.hoverprompt;
var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset;
var docwidth = (ie) ? iebody.clientWidth : window.innerWidth;
var docheight = (ie) ? iebody.clientHeight: window.innerHeight;
var objwidth = objref.offsetWidth;
var objheight = objref.offsetHeight;
objref.style.top = scroll_top+docheight/3-objheight/2+'px';
}
function hide_hover_prompt()
{
var ie = document.all && !window.opera;
var dom = document.getElementById;
var iebody = (document.compatMode == 'CSS1Compat') ? document.docu
mentElement : document.body;
var objref = (dom) ? document.getElementById('hoverprompt') : docu
ment.all.hoverprompt;
objref.style.visibility = 'hidden';
if (typeof showonscrollvar != 'undefined')
{
clearInterval(showonscrollvar);
}
}
function initiate_hover_prompt_hiding()
{
if (autohidebox[0] == "yes")
{
var delayvar = (enablefade == 'yes' && objref.filters) ? (auto
hidebox[1]+objref.filters[0].duration)*1000 :
autohidebox[1]*1000;
initiate_timer(delayvar);
setTimeout('hide_hover_prompt()', delayvar);
}
}
function initiate_timer(time)
{
var newtime = time-1000;
setTimeout('update_timer('+newtime+')', 1000);
}
function update_timer(time)
{
var timer = time/1000;
var ie = document.all && !window.opera;
var dom = document.getElementById;
if (dom)
{
var hp = document.getElementById('hptimer');
if (timer == 1)
{
hp.innerHTML = "<small><i>Окно закроеться "+timer+" Секунд
а</i></small>";
}
else
{
hp.innerHTML = "<small><i>Окно закроеться "+timer+" Секунд
ы</i></small>";
}
}
var newtime = time-1000;
setTimeout('update_timer('+newtime+')', 1000);
}
function initiate_hover_prompt()
{
setTimeout('display_hover_prompt()', 100);
}
function get_cookie(Name)
{
var search = Name + "=";
var returnvalue = "";
if (document.cookie.length > 0)
{
var offset = document.cookie.indexOf(search);
if (offset != -1)
{
offset += search.length;
var end = document.cookie.indexOf(';', offset);
if (end == -1)
{
end = document.cookie.length;
}
returnvalue = unescape(document.cookie.substring(offset, e
nd));
}
}
return returnvalue;
}
if (displaymode == 'always' || parseInt(displaymode) != NaN && random_
num == 0)
{
if (window.addEventListener)
{
window.addEventListener('load', initiate_hover_prompt, false)
}
else if (window.attachEvent)
{
window.attachEvent('onload', initiate_hover_prompt)
}
else if (document.getElementById)
{
window.onload = initiate_hover_prompt;
document.cookie = 'fadedin=yes';
}
}
</script> потом сам див <div id="hoverprompt" style="left: 358px; visibility: visible; top: 98 .8333px;"><div class="borderwrap"> <div class="maintitle" align="cente r"> тут любой хтмл </div> </div> ![]() вава |
| digs Участник 373 |
# Дата: 24 Мар 2006 11:55 css: { position: absolute; top: 0px; left: 150px; } Задает к примеру абсолютное положение для блока (DIV). В данном случае скорее всего DIV с отступом сверху и внутри него табличка выровненная по середине. |
| acsid Alfa Guru 2466 |
# Дата: 24 Мар 2006 11:57 ° Поправил: acsid digs это ясно) интересно было каким макаром они добились исчезновения через некое колличество секунд) теперь ясно . Может у кого есть идеи по этому поводу без километра ява скрипта?) П.С. недолго мы радовались тегам [script] [/script] и [quote][/quote]и [pre][/pre] ![]() |
|
Powered by miniBB forum software © 2001-2008
Powered by miniBB-gzipper. Original size:28876, gzipped size:9182 |