One of the interesting text animations that can be implemented using jQuery is to create a scrolling text. This animation has many applications, such as news scrollers, tickers for stock quotes, and so on. In this demonstration, let's apply this type of animation to the text content in a Panel
control. We will also demonstrate how to loop animation effects continuously using the callback function parameter of the .animate()
method. The constructs used in this example are as follows:
Construct |
Type |
Description |
---|---|---|
|
jQuery selector |
This selects an element using its ID |
|
jQuery method |
This performs a custom animation on the specified CSS properties |
|
jQuery method |
This gets the CSS property of the first matched element or sets one or more CSS properties for every matched element |
|
CSS property |
This is the position of the left boundary of an element from the left boundary of its containing element |