www.pickatutorial.com Computer Tutorials
Top eBooks: C/C++ | C# | Android | Mathematics | Database | Cloud | Graphics | Networking | Oracle | Hardware | AI
Top Tutorials: C/C++ | C#.NET | PHP MySQL | Java | Java Script | jQuery | HTML | xHTML | HTML5 | VB Script| CSS
Lessons Simple Text Animation Bookmark and Share
Tutorial Home
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8
Lesson 9
Lesson 10
Lesson 11
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 19
Lesson 20
Lesson 21
Lesson 22
Lesson 23
Lesson 24
Lesson 25
Lesson 26
Lesson 27
Lesson 28
Lesson 29
Lesson 30
Lesson 31
Lesson 32
Lesson 33
Lesson 34
Lesson 35
Lesson 36
In this lesson you will learn how you can add a simple text animation to your html web pages.

The marquee tag adds a kind of text / image animation to a web page. It is used to scroll text / image across a web page. Here we will be showing you how to scroll text using the Marquee tag.

Start Tag: <marquee>
End Tag: </marquee>

Simple text scrolling:

<marquee> Some....Scrolling.....Text </marquee>
The above markup results in the following output:

Some....Scrolling.....Text

Scrolling text in both directions (alternatively):

<marquee behavior="alternate">Some..Scrolling..Text</marquee>
The above markup results in the following output:

Some..Scrolling..Text

The value of behavior attribute i.e. alternate causes the text to scroll in both directions, alternatively.

Changing the background color the Scrolling text:

<marquee bgcolor="pink">Some..Scrolling..Text</marquee>
The above markup results in the following output:

Some..Scrolling..Text

The value of the bgcolor attribute determines the background color the scrolling text. A complete color list can be found here.


Next >>> Lesson No. 27: Advanced Text Animation







Home - Advertise - Contact - Disclaimer - About Us
© Since 2006 pickatutorial.com -- All Rights Reserved.