Mooquee - Cross Browser Marquee with Mootools Extend by sod - Slide: left - right - top - bottom

Létrehozva: 2008. május 15. 07:23
Böngésző független marquee megoldás, mootools segítségével megvalósítva.

View demo

Style:

<style type="text/css">

#mooquee-top {
    left:0px;
}

#mooquee-left {
    left:220px;
    white-space: nowrap;
}

.mooquee{    
    border:1px solid #000;
    padding:5px;
    /* don't change / ezt ne változtasd */
    position: absolute;
    overflow: hidden;
}

.mooquee-text {
    /* don't change / ezt ne változtasd */
    position: absolute;
}

</style>

Html:

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="mooquee.js"></script>

<div class="mooquee" id="mooquee-top">
        test test
</div>

Javascript:

<script type="text/javascript">
var obj_top = new mooquee($('mooquee-top'), {
    marHeight: 100,
    marWidth: 100,
    marSpacing: 10,
    speed: 10,
    direction: 'top', // left | right | top | bottom
    pauseOnOver: true
});
</script>

Download:

mootools 1.11
mooquee_sod.js
mooquee_sod.css