How to create a scrolling marquee

You can create a scrolling marquee (i.e. scrolling text or scrolling images) by using the <marquee> tag. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top - it's your choice! For blogger or wordpress users you may add this code by adding HTML/JavaScript in your sidebar

Here is the procedure to make scrolling marquee :

Slide in text :



<!-- HTML codes by emdadblog.blogspot.com -->
<marquee behavior="slide" direction="left">
Your slide-in text goes here</marquee>
The result is :

Your slide-in text goes here

Change the  
"Your slide-in text goes here" with yours.

To slow the speed use this code :
 
<!-- HTML codes by emdadblog.blogspot.com -->
<marquee behavior="slide" direction="left" scrollamount="
2" scrolldelay="1">Your slide-in text goes here</marquee>
The result is :

Your slide-in text goes here
Change the (scrollamount="2" scrolldelay="1") with your own value


Continuous scrolling text :
 
<!-- HTML codes by emdadblog.blogspot.com -->
<marquee behavior="scroll" direction="left">
Your slide-in text goes here</marquee>
The result is :
Your slide-in text goes here
Change the  "Your slide-in text goes here" with yours.
Text bouncing back and forth :
<!-- HTML codes by emdadblog.blogspott.com-->
<marquee behavior="alternate">
Your slide-in text goes here</marquee>
The result is :
Your slide-in text goes here
Change the  "Your slide-in text goes here" with yours.
Text Scrolling upwards :
<!-- HTML codes by emdadblog.blogspot.com -->
<marquee behavior="scroll" direction="up">
Your slide-in text goes here</marquee>
The result is :
Your slide-in text goes here
Change the  "Your slide-in text goes here" with yours.
Scrolling image :
<!-- HTML codes by emdadblog.blogspot.com-->
<marquee behavior="scroll" direction="left"><img src="
http://lh4.ggpht.com/_C4xGd80h-GA/S-EMjOhylCI/AAAAAAAAANs/F7WAaY0c3fc/s128/NEW%20EMDAD1.jpg" width="100" height="100" alt="smile" /></marquee>
The result is :
emdadblog
Change the http://lh4.ggpht.com/_C4xGd80h-GA/S-EMjOhylCI/AAAAAAAAANs/F7WAaY0c3fc/s128/NEW%20EMDAD1.jpg with your own

No comments:

Post a Comment

Let us know, what you think about this blog