Popup wysuwające się i pozostające w miejscu

Wszystko związane ze skryptami JS, DHTML itd.
szwed11
Posty: 1
Rejestracja: 30 mar 2009, 14:41:47
Płeć: Niewybrana
User Agent: Firefox Windows

Popup wysuwające się i pozostające w miejscu

Post autor: szwed11 »

Witam
Jak stworzyć wyskakujące okienko w języku javascript - okienko wysuwa się na środek strony (slide-in) i tam pozostaje bez względu na kręcenie rolką myszy. Nie mogę znaleźć tego w Google
Pozdrawiam
Lukaszszsz
Posty: 573
Rejestracja: 27 lip 2005, 13:01:59
Lokalizacja: Łódź
Płeć: Mężczyzna
User Agent: Opera Linux 1280x800
Kontakt:

Re: Popup wysuwające się i pozostające w miejscu

Post autor: Lukaszszsz »

Kod: Zaznacz cały

<script type="text/javascript">

var left=-10;
function wysun() {
    var reklama = document.getElementById('reklama');
    if(left<50) {
        left++;
        reklama.style.left=left+'%';
    }
}

</script>

<style type="text/css">

#reklama {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 200px;
    border: 1px solid black;
    margin-left: -75px;
    margin-top: -100px;
    background-color: white;
}
#reklama span {
    float: right;
    padding: 2px;
    border: 1px solid black;
}
#reklama span:hover {
    text-decoration: underline;
    cursor: pointer;
}

</style>

<body onload="setInterval('wysun()',20)">
    <div id="reklama">
        <span onclick="this.parentNode.style.display='none'">x</span>
        test
    </div>
</body>
ODPOWIEDZ