19.2. Controlling the Direction of Marquee Animations (-wap-marquee-dir Property)

The -wap-marquee-dir property is used to specify the direction of a marquee animation. Two values are available for this property: ltr (left to right) and rtl (right to left). The default value of this WCSS property is "rtl".

The following XHTML MP/WCSS example demonstrates the effect of "-wap-marquee-dir: ltr" and "-wap-marquee-dir: rtl" in some mobile phone browsers.


(marqueeEg2.xhtml)

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>WCSS Tutorial</title>
  </head>

  <body>
    <p style="display: -wap-marquee; -wap-marquee-dir: ltr">Hello, welcome to our WCSS Tutorial.</p>
    <p style="display: -wap-marquee; -wap-marquee-dir: rtl"><img src="smile.gif" alt="Smile" height="62" width="60"/></p>
  </body>
</html>


The following is the result of the above XHTML MP/WAP CSS example in a mobile phone browser. You can see that the line of text "Hello, welcome to our WCSS Tutorial." scrolled from left to right while the image scrolled from right to left across the screen of the mobile phone browser.












Nokia Mobile Browser 4.0


Previous Page Page 31 of 39 Next Page


Feedback Form (ExpandCollapse)

What do you think about this web page?






(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:

Please enter again to confirm:

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

A button for going back to the top of this page