As you know, there are some rolling call boards in some home pages, or we can call it the rolling captions. It can make the whole web page full of livingness. When you enter the web page, the call board is rolling. When your mouse is on the text, the call board will stop rolling. And it is often used in the official home pages of governments, colleges and other companies. Besides, your web page can make a deep impression to the viewers by this special effect. You may wonder that how we can achieve this effect. It is very easy. We just need to use the marquee sentence of the HTML codes. The details are like the following steps.

First, open a web page you have saved. The original web page is like this.

Dreamweaver 8.0 Tutorial ---- How To Make A Rolling Call Board 001

Second, click the “code” button and open the code view. Put the following codes in the front of the text. Like the following blue text showing:

  1. <marquee direction=up height=120 onmouseout=this.start()
  2. Onmouseover=this.stop() scrollAmount=1 scrollDelay=40 width=160>
  3. </marquee>

Third, put in the codes-</marquee> in the back of the text.

Fourth, go back to the design view. Save the document and preview it in the Internet Explorer. The final effect is like the following picture. You can see that the call board is rolling. When your mouse is on the text, the text will stop rolling.

Dreamweaver 8.0 Tutorial ---- How To Make A Rolling Call Board 002

The code “marquee” stands for the selected textbox that needed to be set as rolling. One thing is to definite the width and height of the marquee. And anther thing you need to do is to definite an action of mouse on and mouse out. Now you have learnt the basic ways to achieve the rolling call board. You know the achievement of the dynamic web page depends on the HTML codes. So it is necessary to master some basic codes.

Related Posts