Monday 3 December 2012

marquee scrolling images/crawler images continuously


Here is marquee example :




code goes here :
step 1 : copy and paste below code in notepad and save as example.html
step 2 : open it in browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex2/crawler/crawler.js"></script>
</head>
<body>
<center>
        <div class="marquee" id="mycrawler2">
        <img src="http://www.thingsthatblowup.com/wp-content/uploads/2012/08/twitter-150x70.png" />
        <img src="http://ewigeheld.files.wordpress.com/2011/10/rsp-blogs-de_sw_150x70.png?w=150&h=70" />
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiqcFcXvAoTFlFmSCi811hTr498-kIzxDRUIJulITJdxa4b-RHoZG9hhJO-FhyphenhyphenpIADASmGdWMtD0UDwM1DZ-2ut_2tXPiR-wk6_P4Nh0BSbcpueUKSfIvWAC_aZ3VwKW3pmooH6xpSz3lp/s1600/150+x+70.png" />
        <img src="http://drjimsthinkingshop.com/wp-content/uploads/2011/04/20090504liblogo-150x70.jpg" />
        </div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '5px',
'height': '80px',
'width': '650px'
},
inc: 9, //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: false
});
</script>
</center>
</div>
</body>
</html>

No comments:

Post a Comment

Do you think it could be useful for you? Share your thoughts with us!