WCSS Tutorial: WAP CSS -wap-marquee Property Value - Scrolling Across Mobile Devices' Screen

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

Page 30 of 39

Contents at a Glance (Click Here for Full Table of Contents)

Print this Web Page | | Back to Top

Feedback Form (Expand)

WCSS Tutorial Table of Contents WCSS Tutorial Contents at a Glance Preferences - Change Color Scheme Preferences - Do Not Show Ads Previous Page Next Page