Dreamweaver MX 2004 Advanced Tips (2) scrolling captions

Source: Internet
Author: User
Tags insert dreamweaver
dreamweaver| Advanced | skills

In a Web page, making a scrolling caption using the marquee tag is too much trouble if you use a handwritten method. Starting with Dreamweaver MX 2004, you can use the tag Selector to insert a variety of labels, and you can use the tag Inspector to set the label's property value, which is similar to the property panel but more powerful than the property panel.

Insert the marquee label using the tag Selector

1. Place the cursor insertion point where you want to insert a scrolling marquee.
2. Click the "tag Selector" in the Insert panel
3. Select the Marquee tab and click the "Insert" button.

  To set the properties of the marquee label by using the tag Inspector

4. Convert to Code view. Place the cursor insertion point inside the Marquee tab.

5. Select "Window"--> "tag Inspector". Then select the properties, click the "+" before the category, and you can set the various uses of the label in the tag Inspector.


To set the primary usage of the marquee label

6. Click the drop-down arrow to the right of the behavior settings item to select the movement of the scrolling caption content.

Behavior usage

Alternate

Scroll

Slide

Content in the opposite two directions roll around Content scrolling in the same direction Stop scrolling when content touches the marquee border
Marquee Test Marquee Test Marquee Test


The 7.direction property sets the scrolling direction of the marquee content.

Direction Usage

Down

Left

Right

Up

Move Down

Move left

Move right

Move Up

Webjx.com Webjx.com Webjx.com Webjx.com

The 8.scrollamount property sets the speed of the marquee scrolling.

ScrollAmount value is 1

ScrollAmount value is 50

Web Teaching Network Web Teaching Network

The 9.scrolldelay property sets the time, in milliseconds, to pause when the marquee content scrolls. If you want scrolling to look smooth, the value should be as small as possible. The instance is set to 1 milliseconds. If you want to have a sense of stepping, set a longer time.

Scrolldelay value is 1

Scrolldelay value is 500

Web page Making Learning Web page Making Learning

The 10.width property sets the width of the scrolling marquee.

The 11.onMouseOver event sets the action when the mouse moves to a scrolling marquee, often set to stop scrolling. The onmouseout event sets the action when the mouse leaves a scrolling marquee, often set to start scrolling. You need to open the Behaviors panel setting in Dreamweaver MX 2004.

Event

OnMouseOver

onmouseout

Action

This.stop ();

This.start ();

Web Teaching Network
Web Teaching Network-Professional web page teaching site
The resources of Web teaching network to you to witness

The 12.style property sets the style of the marquee content. The caption text size is set in the instance, and the "FONT:12PX;" is entered.

The 13.loop property sets the number of marquee scrolling times and the default value is infinite. "-1" is also infinite.

Loop value is-1

Loop value is 5

Scrolling times Scrolling times

a set of code to scroll up the caption :
<marquee behavior= "Scroll" direction= "Up" width= "" height= "" loop= "-1" scrollamount= "1" scrolldelay= "1" style = "FONT:12PX;" > Scrolling marquee content </marquee>



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.