На сайте Смешариков после щелчка по ссылке "уже смешарик?" появляется небольшое "окошко", но меня интересует фон страницы. Он стал серым, но полупрозрачным. Как так сделать?
Вот ссылка:
http=//www_smeshariki_ru/Nysha/questions_aspx
Вставьте точки вместо _ и двоеточие вместо =.
Когда пройдёте по ссылке, нажмите "уже смешарик?".
20 февраля 2010 в 20:02
а..забыла сказать, что должен быть подключен jquery
20 февраля 2010 в 11:05
Спасибо!
19 февраля 2010 в 19:05
перед </body> вписывается <div id="fader"></div>(пустой) и <div class="popup"></div> с содержимым твоего всплывающего окошка.
стили:
#fader {
background:none repeat scroll 0 0 #000000;
display:none;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:9990;
}
div.popup {
background:none repeat scroll 0 0 #FFFFFF;
display:none;
left:50%;
margin:0 0 0 -300px;
padding:30px 37px 90px;
position:absolute;
top:100px;
width:586px;
z-index:9991;
}
body {
height:100%;
position:relative;
}
html{height:100%;}
для ие(в ие.цсс):
#fader{
position:absolute;
height:expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.documentElement.clientHeight > document.body.offsetHeight ? document.documentElement.clientHeight : document.body.offsetHeight) + 'px');
}
и, собственно, жс:
$(document).ready(function(){
initPopup();
});
function initPopup(){
if ( $('#fader').length == 0 ) return false;
$('#fader').css('opacity','0.6');
$('div.popup a.close').click(function(){ //как зовут закрывающую ссылку
$('div.popup').css('display','none');
$('#fader').fadeOut(1000);
return false;
});
$('#main a.popup').click(function(){ //как зовут открывающую ссылку
$('#fader').fadeIn(1000,function(){
$('#regler').css({
'top': ( self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop) ),
'display':'block'
});
});
return false;
});
}
17 февраля 2010 в 17:05
Я понимаю, что Java script. Я выучил его почти весь, но ни разу с этим не сталкивался. Ну всё же, как такое сделать?
17 февраля 2010 в 17:03
это джаваскриптовый фейдер(прозрачность ставится с помощью js) Напиши в аську – расскажу подробности