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

RegisterLogin

Webune Forums » HTML » 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: How To Make Scrolling Text Moving Up or Down In Web Page Using HTML CSS
Tags: How, To, Make, Scrolling, Text, Moving, Up, or, Down, In, Web, Page, Using, HTML, CSS
This Post Was Posted On Feb 29, 2008 By edwino85 #1520

How To Make Scrolling Text Moving Up or Down In Web Page Using HTML CSS by edwino85

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:

Code:

<!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>

 
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 
you can put this code in your site:

<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>

Thanks
Wallpaperama Team 
<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>
</body>
</html>

this is what make this work:

Code:

<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

i've included a demo for you: click here

Leave Your Comments

Related Pages: [Add Your Website]

Post New Topic

Text Moving From Down To Up In Html

aasir

#9588 1

this information very useful,thnks.....

Mar 21, 2012 Reply Report abuse

shiju

#4941 2

thank you it was really helpful. i have one more question, if i make a word document as web page by changing its format, can i add the same code to its source and make it scroll up. please help. email shijunil2000 - at - yahoo

Mar 25, 2011 Reply Report abuse

Narasimman

#1951 3

hi.. can we control this movement using css without javascript? please anyone who knows the code, forward me.. thanks in advance..!!

Mar 21, 2008 Reply Report abuse

Colin Ballantyne

#1950 4

excellent tutorial. you've made it simple for a numpty.

Jan 27, 2008 Reply Report abuse

Deeksha

#1949 5

thanx alot sir..
your tutorial is vry helpful to me..

Oct 23, 2007 Reply Report abuse

Karen

#1948 6

thank you so much. this is very helpful.

Oct 18, 2007 Reply Report abuse

praveen rathor

#1946 7

thank you sir,
your tutorial will definitely be helpful to me...

Oct 12, 2007 Reply Report abuse

Siya

#1947 8

the information available on this site is very useful and the source codes work and simple to understand.

Oct 05, 2007 Reply Report abuse

Leave Your Comments...