19.1. Enabling Content Scrolling Across the Screen of Mobile Devices (-wap-marquee Property Value)

The -wap-marquee property value is used to enable the scrolling of some content across the screen of a mobile device. -wap-marquee is the property value of the display property.

The following XHTML MP/WCSS example helps you understand how to generate a scrolling effect on your mobile Internet site. We assign the WCSS style "display: -wap-marquee" to the XHTML MP tag that we want to enable the scrolling effect for. In this example, we want an image and a line of text, which are contained in a paragraph, to scroll across the screen of a mobile device.


(marqueeEg1.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">
      <img src="smile.gif" alt="Smile" height="62" width="60"/>Hello, welcome to our WCSS Tutorial.
    </p>
  </body>
</html>


This is the result of the above XHTML MP/WAP CSS example in a mobile phone browser:












Nokia Mobile Browser 4.0


Previous Page Page 30 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.