как сделать сплывающие окно как на этом сайте?

Вероятно, данное всплывающее окно было сгенерировано сервисом вроде этого http://popinbuilder.icoder.com/

спасибо за ответ

но там есть одна трудность, а имеено сначло "грузиться" сайт а потом окно, а мне так не надо, я окно это и делаю для вот этого- там будет в окне такая информация-медленный интернет пререйдите на лайт версию нашего сайта!-вот как то так, а час весь сайт грузиться а потом окно что не есть хорошо,поэтому вопрос как сделать чтоб в первую очередь окно появлялось а потом подгружалься остальной сайт?

Если тебе надо просто выпадающее окно, то делай так.

<script language="javascript">
function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
    do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return [curleft,curtop];
}

var down = 300;
function dropDown( ddname )
{
    dd = document.getElementById( ddname );
    var Pos = findPos( dd );
    dtop = Pos[1];
    if( dtop < down )
    {
        dd.style.top = dtop+10; //10 - step
        setTimeout( "dropDown( 'myid' )", 10 );
    }
    else
        alert( dtop );
}
setTimeout( "dropDown( 'myid' )", 10 );
</script>

<div id="myid" style="position: absolute; top: -300px; left: 300px;" >Hello<br>
<dl>
    <dt>topic 1</dt>
            <dd>text 1</dd>
            <dd>text 2</dd>
    <dt>topic 2</dt>
            <dd>text 3</dd>
            <dd>text 4</dd>
</dl>
</div>

А когда оно выпадет ?! Это зависит от того, где ты вставишь код подсвеченый коричневым.

Разместишь после шапки сайта, выпадет сразу.

Оговорюсь, не проверял скрипт в других браузерах - кроме Firefox.

DIV блок, изменение CSS свойства visiblity яваскриптом по клику на иконке закрытия.

С помощью фреймворка jquery можно легко это сделать. Поищите примеры исполнения с помощью него.

а если у меня сайт на wordpress