Alternate
Marquee Style

At
the beginning, if the length of the marquee block is smaller than
the screen width, the whole marquee block is shown on the screen
with one of its edge (either the left edge or the right edge. It
depends on the value of the -wap-marquee-dir property. If the
-wap-marquee-dir property value is rtl [right-to-left], it should be
the right edge. If the -wap-marquee-dir property value is ltr
[left-to-right], it should be the left edge) touches the side of the
screen. If the length of the marquee block is larger than the screen
width, only part of the marquee block is displayed on the screen
with one of its edge (either the left edge or the right edge. It
depends on the value of the -wap-marquee-dir property. If the
-wap-marquee-dir property value is rtl [right-to-left], it should be
the left edge. If the -wap-marquee-dir property value is ltr
[left-to-right], it should be the right edge) touches the side of
the screen.

Then
the marquee block scrolls across the screen of the mobile device.

If
the length of the marquee block is smaller than the screen width,
the marquee block stops when it touches the other side of the
screen. If the length of the marquee block is larger than the screen
width, the marquee block stops once its ending edge is shown.

The
animation repeats if the value of the -wap-marquee-loop WCSS
property is larger than 1.

To
help you understand better the above description, let's see an XHTML
MP/WAP CSS example now. It demonstrates the usage of the alternate
marquee style. The screenshots of this XHTML MP/WAP CSS example show
how the animation actually looks in some mobile phone browsers. The
direction of the marquee animation is set to right-to-left in this
example.

Below
is the result of the above XHTML MP/WCSS example in a mobile phone
browser. As you can see, the first line of text "Hello world."
was shorter than the mobile phone browser's screen width. At the
beginning, "world." touched the right side of the screen.
The line then scrolled across the screen from right to left until
"Hello" touched the left side of the screen. The second
line of text, "Hello, welcome to our WCSS Tutorial.", was
longer than the screen width. At the beginning, "Hello"
touched the left side of the screen. The line then scrolled across
the screen until the line's end was shown.

What do you think about this web page? It is very helpful. It is helpful, but some information I wanted is missing. It is not helpful. It has broken links. It has typos / grammatical mistakes. It has incorrect information. Others

(Optional) Please provide us more details. For example, suppose you select option 2 above, can you tell us specifically what information is missing? You can also suggest anything that can help us improve this web page.

(Optional) Your name:

(Optional) Your email address:

Due to the amount of messages we received, we may not be able to reply to all messages.