Thursday, November 21, 2013

Always Running Marquee Text and Images Using JavaScript.

Copy and Paste the Code where you want to show the Marquee.




 <div class="marquee" id="mycrawler">
 
Thanks for visiting sarojAsp.net , Easy learn DotNet,Keep Reading.
</div>

<script type="text/javascript">
    marqueeInit({
        uniqueid: 'mycrawler',
        style: {
            'padding': '5px',
            'width': '450px',
            'background': 'lightyellow',
            'border': '1px solid #CC3300'
        },
        inc: 5, //speed - pixel increment for each iteration of this marquee's movement
        mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
        moveatleast: 2,
        neutral: 150,
        persist: true,
        savedirection: true
    });
</script>


<div class="marquee" id="mycrawler2">
<a href="Default.aspx"><img src="http://img42.imageshack.us/img42/6331/beachgl.jpg" /></a> <img src="http://img222.imageshack.us/img222/8854/waterox.jpg" /> <img src="http://img405.imageshack.us/img405/7314/cocovv.jpg" /> <img src="http://img853.imageshack.us/img853/5038/bonsaiy.jpg" />
</div>

<script type="text/javascript">
    marqueeInit({
        uniqueid: 'mycrawler2',
        style: {
            'padding': '2px',
            'width': '600px',
            'height': '180px'
        },
        inc: 5, //speed - pixel increment for each iteration of this marquee's movement
        mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
        moveatleast: 2,
        neutral: 150,
        savedirection: true,
        random: true
    });
</script>

2 comments: