- Forums
- HTML
- How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS
this page is about a tutorial i wrote that will show you how you can make text scroll automatically up or down depending on what your configuation of the code is useing HTML and CSS code [668], Last Updated: Sat May 18, 2024
edwino85
Tue Nov 28, 2006
51 Comments
44135 Visits
NOTE: IF YOU HAVE FIREFOX YOU WILL SEE THE TEXT SCROLL. BUT IF YOU HAVE INTERNET EXPLORER IT MAY NOT WORK. YOU CAN DOWNLOAD FIREFOX BROWSER WHICH IS MUCH BETTER THAN INTERNET EXPLORER AND MUCH FASTER. YOU CAN DOWNLOAD FOR FREE AT WWW.GETFIREFOX.COM
hi,
Today you will learn a little trick to make scrolling or rolling text that goes vertically or horizontally in your web pages. this tag makes it look like a ticketing system like the new york stocks.
- hosting for this script provided by: www.webune.com
so here is this short little tutorial guide i wrote:
1. if you don't have an web editor, you can use your favorite text editor, for this purpose, i will use windows xp, notepad since everyone uses notepad here.
2. Copy and paste this code into notepad:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Wallpaperama - Making Text Scroll with marquee html tag</title>
</head>
<body>
<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>
<p> </p>
<p>this is what make this work:</p>
<p><marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee></p>
<p>you can chave however you like with this tag properties, you can make it go up, down, left, righ, slide or whatever you want. I suggest you play with it. </p>
<p><strong>behavior</strong>: alternate scroll slide </p>
<p><strong>direction</strong>: up, down, left, right</p>
<p><strong>loop</strong>: whatever number of repetitions you want, if you want infinate (never stops), put -1</p>
<p><strong>truspeed</strong>: i put this to make it with whatever the user's default </p>
<p>If you found this little tutorial helpful, we would greatly appreciate a link to www.wallpaperama.com </p>
<p>you can put this code in your site:</p>
<p>
<textarea name="textarea" cols="35" rows="5" wrap="VIRTUAL"><a href="http://www.wallpaperama.com" target="_blank" title="Free Wallpapers">Free Wallpapers At Wallpaperama</a></textarea>
</p>
<p>Thanks</p>
<p>Wallpaperama Team </p>
<p><a href="http://www.wallpaperama.com/forums/how-to-make-scrolling-text-moving-up-or-down-in-web-page-using-html-css-t512.html"><< Go Back </a></p>
</body>
</html>
save the file as wallpaperama.html
after you have saved the file as wallpaperama.html open it with your browser, and you will see exactly what you see above. but it will be on your own computer..
pretty neat huh?
this is what make this work:
<marquee behavior="scroll" direction="up" loop="-1" truespeed>Please Tell Your Friends About Wallpaperama</marquee>
you can chave however you like with this tag properties, you can make it go up, down, left, righ, slide or whatever you want. I suggest you play with it.
behavior: alternate scroll slide
direction: up, down, left, right
loop: whatever number of repetitions you want, if you want infinate (never stops), put -1
truspeed: i put this to make it with whatever the user's default
If you found this little tutorial helpful, we would greatly appreciate a link to www.wallpaperama.com
https://www.wallpaperama.com/forums/how-to-make-scrolling-text-moving-up-or-down-in-web-page-using-html-css-t512.html