mootools1.2.2 Fx.Marquee

!-- -->

点击我！！

 

!-- <script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js"></script> -->
<!--<script src="a.js"></script>-->
<style>


</style>
<div id="marqueeTest"><b>点击我！！</b></div>
<script defer=defer>
$('marqueeTest').addEvent('click',function(e){
    new Event(e).stop();
fxmq = new Fx.Marquee($('marqueeTest'), {
    duration: 500,
    showEffect: {
        top: [0,0], //reset the top every time to zero
        left: [-100, 0],
        opacity: [0,1]
    },
    hideEffect: {
        top: 20
    },
    revertEffect: {
        top: [-30, 0],
        left: [0,0] //reset the left back to zero on revert
    }
});

fxmq.announce({
        message: '这是啥？？？？',
        delay: 1200, revert: false
}).chain(function(){
    fxmq.announce({
        message: '啥玩意啊 这是  晕了～～～～',
        delay: 2000, revert: false
    });
}).chain(function(){
    fxmq.announce({
        message: '哦 原来这是一个mootools的插件Fx.Marquee 靠！',
        delay: 3000, revert: false
    });
}).chain(function(){
    fxmq.announce({
        message: '哦  那我以后爽了 ～～～～',
        delay: 1500, revert: true,
        showEffect: {
            top: [0,0],
            left: [500, 0],
            opacity: [0,1]
        },
        hideEffect: {
            top: [0,0],
            left: [0, 500]
        }
    });
});
})
</script>