How to Apply Scrolling Text in Web Pages
Adding scrolling text to a web
page is possible through the use of the HTML element "Marquee." Several
attributes can be applied to "Marquee" in order to style the scrolling
text, including the speed of and direction of the scroll. The "Marquee"
element has been rendered obsolete by the World Wide Web Consortium
(WC3), the organization that develops web standards. However, most
modern web browsers still support "Marquee."
- Difficulty:
- Moderately Easy
Instructions
-
Instructions
-
1
Open the web page in which you'd like the scrolling text to appear, using either a web design program such as Adobe Dreamweaver or a text editor such as Notepad.
-
2
Type or paste the text that you'd like to make scroll in the desired location in the web page's code.
-
3
Type <Marquee> immediately before the first character that should scroll.
-
4
Type </Marquee> immediately after the last character that should scroll.
-
5
Define how the text should scroll by adding any number of compatible attributes to the "Marquee" tag. By default, scrolling text will take up the full width of the available screen area, and will scroll horizontally across the screen from right to left. Replace "X" with your desired values (in pixels) and place each attribute inside the <Marquee> tag, as in the example below:
<Marquee WIDTH=X HEIGHT=X DIRECTION=X SCROLLDELAY=X BGCOLOR=X>Scrolling text...</Marquee>
Width: Controls how wide the scrolling area is, stated in pixels.
Height: Controls how tall the scrolling area is, stated in pixels.
Direction: Controls which ways the text scrolls (either LEFT or RIGHT)
Scroll delay: Control how much time there is before the scrolling text repeats and scrolls again. State this in milliseconds (1000 = 1 second).
BG color: Defines the color of the scrolling area, stated in 6-character HEX code. -
6
Save the updated file. Upload it to your web host or web server, replacing the the existing file.
-
1
Read more: How to Apply Scrolling Text in Web Pages | eHow.com http://www.ehow.com/how_6812558_apply-scrolling-text-pages.html#ixzz1gInd5vgd