Marquee
Marquee CodesThis page contains marquee codes. Feel free to copy and paste the marquee codes into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.
Continuous Scrolling Marquee CodeThe following example demonstrates what the basic HTML marquee code does. The marquee tag allows stuff (i.e. text, images, etc) to scroll across the page.
Using behavior="scroll" sets the marquee to scroll continuously - that is, every time the text has scrolled all the way across, it starts again. It's basically in a loop. We set its direction using the direction.
Horizontal MarqueeThis HTML marquee is scrolling horizontally from right to left. Although this tends to be the default, you can specifydirection="left" in the HTML code. You can also set it to right, up, and down (see below)
Code 1.simple maquee
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>
<p ><a href="http://www.quackit.com/html/templates/online/">Online templates</a></p>
>
code 2.up scorlling marquee
Vertical Marquee
CodeHere, the text scrolls upward. This is acheived by using both behavior="scroll" and direction="up". You could change this to direction="down" if you prefer
Marquee Speed
dYou can speed up or slow down your marquees by using the scrollamount attribute along with a numeric value. Here, we use several values to set different marquees speed
<!-- HTML codes by Quackit.com -->
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>
<p ><a href="http://www.quackit.com/html/templates/online/">Online templates</a></p>
code 3.speed marquee
Slide-in Marquee CodeThis example sets the text to slide in, and then stay there. It doesn't loop continuously like the above examples. It simply slides in, then stops. This is acheived by using behavior="slide".
Tip: If you don't see the text sliding in here, refresh the page - the text probably slid in before you noticed it!
<!-- HTML codes by Quackit.com -->
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
<p ><a href="http://www.worldhtml.weebly.com/">Online templates</a></p>
code.4 pictrure marquee
Scrolling ImagesYou can also make images scroll. To do this, simply add image code within the marquee tag instead of text. Here, we add an animated gif - one which suits the scrolling motion of the marquee
Images and TextThere's nothing to stop you putting more than one HTML element inside your HTML marquee codes. Doing so will make both scroll.
<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>
Code 6 Back Groun Marquee
<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>This is an example of a marquee scrolling to the right...</MARQUEE></FONT
code 5.back ground marquee
Code 6. slide marquee
put photo link firstly copy html:
<marquee direction="left">
<img src="your filename.gif (or.jpg)">
<img src="your filename.gif (or.jpg)">
<img src="your filename.gif (or.jpg)">
<img src="your filename.gif (or.jpg)">
</marquee>
<img src="your filename.gif (or.jpg)">
<img src="your filename.gif (or.jpg)">
<img src="your filename.gif (or.jpg)">
<img src="your filename.gif (or.jpg)">
</marquee>
Right side maquee
<marquee direction="right"><img src="your filename.gif (or.jpg)"></marquee>
<marquee direction="left"><img src="your filename.gif (or.jpg)"></marquee>
<marquee direction="right"><img src="your filename.gif (or.jpg)"></marquee>
<marquee direction="left"><img src="your filename.gif (or.jpg)"></marquee>
</marquee>
<marquee direction="left"><img src="your filename.gif (or.jpg)"></marquee>
<marquee direction="right"><img src="your filename.gif (or.jpg)"></marquee>
<marquee direction="left"><img src="your filename.gif (or.jpg)"></marquee>
</marquee>
Flash Maequee
<marquee scrollamount=400 scrolldelay=500>Your words here</marquee>
<marquee direction=left width=50%>Your words here</marquee><marquee direction=right width=50%>Your words here</marquee>
Simple marquee double Side
One side marquee
<marquee width=35%>Your words here</marquee>
<marquee direction="down">Down marquee direction</marquee>