|
|
Special Effects - Marquee Tag
|
|
Topic |
How to set the marquee scrolling speed?
Marquee behavior!
Make scrolling image?
|
|
Explanation |
Attribute: behavior
This sets the background color for marquee path.
It takes values SCROLL or SLIDE or ALTERNATE
Example Code:
<marquee bgcolor=orange width=200 height=20 direction=right behavior=alternate> Moving Text</marquee>
Result:
Attribute: scrollamount
This controls the amount of movement (in pixels) between the successive displays that give the impression of animation.
Example Code:
<marquee bgcolor=orange width=200 height=20 direction=right behavior=alternate scrollamount=5> Moving Text Tag </marquee>
Result with scrollamount as 5:
Result with scrollamount as 50:
Attribute: srolldelay
This controls the delay (in milliseconds) between the successive displays that give the impression of animation.
Example Code:
<marquee bgcolor=orange width=200 height=20 direction=right behavior=alternate scrolldelay=5> Scrolling Text Tag </marquee>
Result with scroll delay as 5:
Result with scroll delay as 500:
Moving Image
Similarly image can be moved. Instead of text in between marquee tags give an image. It will scroll/move
Example Code:
<marquee width=100 height=20> <img src="./test.jpg"> </marquee>
Result: Scrolling Images
|
|
|
|
|
|
