Welcome to 'itsyour-site.blogspot.in'

Monday 9 April 2012

How to scroll a text in html

        A HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your web site page depending on the settings. This page shows you how to make a scrolling marquee using div tags that are often seen in CSS (Cascading Style Sheets).

        Make your text scroll horizontal across the page using this simple HTML, which loads fast. Here I use the <marquee> tag. The example code is shown below. Simply copy and paste it into the HTML code of your web page.
<font color="#FFFFFF"><marquee bgcolor="#000080" direction="right" loop="40" width="50%">This is cool!</marquee></font>

Scrolling upward text, or vertical text as it's also known

          You can use the HTML marquee tag to make your text scroll upward. This tag does not work in Netscape browsers.
         Here I have used simple HTML to make the text scroll upward. Because this is just pure basic HTML, it loads very fast and is easily placed into any page on any server.
Below is an example of how it can be used.
THIS IS A COOL WAY
TO MAKE YOUR TEXT
SCROLL UPWARDS

IT IS EASY AND FAST LOADING

        And shown below is the code for displaying a vertical marquee, just like the one above. Again, simply copy and paste the code into your HTML document where you want the scrolling text to appear.

       You can change the font color and the background color to suit. Or make it wider if required. Furthermore, you can set the speed of the scroll by changing the "scrollamount" variable. The higher the number, the faster the speed of scroll.

Handy hint: To select all the code in the text box, click inside the box and press your keyboards ctrl + a. To copy the text ctrl+c and to paste into your HTML document ctrl+v
<marquee bgcolor="#000080" scrollamount="2" direction="up" loop="true" width="35%"> <center> <font color="#ffffff"><strong> THIS IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br> IT IS EASY AND FAST LOADING </strong></font></center></marquee>

No comments:

Post a Comment