How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS


How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS
  Forums Index
      » HTML Forums
        » » How To Make Scrolling Text Moving Up or Down In Web Page Using HTML CSS



How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS
Post Description:
Post Tags: how, to, make, scrolling, text, moving, up, or, down, in, web, page, using, html, css, html questions, answers, websites, internte, web
This Post Has Been Viewed 10858 Times Since Tue Nov 28, 2006 1:43 pm Posted By edwino85 with 11 replies
How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS
Please Tell Your Friends About Wallpaperama

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>&nbsp;</p>
<p>this is what make this work:</p>
<p>&lt;marquee behavior=&quot;scroll&quot; direction=&quot;up&quot; loop=&quot;-1&quot; truespeed&gt;Please Tell Your Friends About Wallpaperama&lt;/marquee&gt;</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">&lt;&lt; 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


Leave Your Comments
* Your Name

  * Your Email Address (Will Not Be Published)

* Your Comments


Add Picture To Comments
Yes No             upload
Receive Replies on my Comments
(An email will be sent to you when someone replies to your comments)

     




Comments and replies About How To Make Scrolling Text Moving Up Or Down In Web Page Using HTML CSS






:: 1 :: #23059 - Reply By Siya On Fri Oct 05, 2007 8:56 pm
the information available on this site is very useful and the source codes work and simple to understand.
:: 2 :: #23929 - Reply By praveen rathor On Fri Oct 12, 2007 7:09 am
thank you sir,
your tutorial will definitely be helpful to me...
:: 3 :: #24730 - Reply By Karen On Thu Oct 18, 2007 8:21 am
thank you so much. this is very helpful.
:: 4 :: #25400 - Reply By Deeksha On Tue Oct 23, 2007 2:26 am
thanx alot sir..
your tutorial is vry helpful to me..
:: 5 :: #38442 - Reply By Colin Ballantyne On Sun Jan 27, 2008 9:08 am
excellent tutorial. you've made it simple for a numpty.
:: 6 :: #46480 - Reply By Narasimman On Fri Mar 21, 2008 7:23 am
hi.. can we control this movement using css without javascript? please anyone who knows the code, forward me.. thanks in advance..!!
:: 7 :: #66028 - Reply By Muhammad tabish mirza On Mon Aug 11, 2008 8:22 pm
can i stop the moving text on mouse over event??
:: 8 :: #66171 - Reply By Sandra On Tue Aug 12, 2008 5:57 pm
well my name is sandra!
my b-day is on 4-25!
im easy to get along with!
iv got a .b.f.f.l wich is miriam!
i was born in santa ana california!
its all about 714!
its all about ocala florida!
:: 9 :: #68259 - Reply By rina On Tue Aug 26, 2008 2:18 pm
nice and simple to understand
:: 10 :: #71250 - Reply By dave On Sat Sep 20, 2008 2:01 am
thanks for your help your code work a treat!
:: 11 :: #72902 - Reply By Ken On Mon Sep 29, 2008 2:24 am
thanks it worked on my page but how can one have a background pic on a frame?