Tutorial/dreamweaver/Introductory Dreamweaver 4 Concise tutorial 15 (interactive effect)

Source: Internet
Author: User
Tags html tags window dreamweaver
dreamweaver| Tutorial Create more complex interactive effects

In Dreamweaver, the more complex effect is achieved through a function called behaviors, which is behaviors literally "behavior", which we call the response of an event. Through the changes in the page elements, such as the mouse movement, click and so on "event" (events), triggering pop-up windows, close the page, such as "response" (Actions), is an event response. Happily, the process of "behavior" is almost a fool.


Press SHIFT+F3 to open the behavior panel, as shown in the following figure:




The following three steps are required to add behavior to a Web page:

1, select the elements that produce behavior, such as pictures, linked text, layers, and so on. If you need to start an effect when the page is loaded, you can select the label on the status bar

2, press the button to select a response (different elements, the corresponding response is also different), and in the subsequent dialog box to set the properties of the response; The following is a description of the response you can choose from:



   Call JavaScript:Call a section of JavaScript;

   Change Property :Change the CSS style of HTML tags;

   Check Browser:According to different browsers, access to different pages;

   Check Plugin:Check if the browser has the necessary plug-ins;

   Control Shockwave or Flash:Control the playback of Shockwave or Flash animation;

   Drag Layer:So that the viewer can drag elements in the layer;

   Go to URL:Link to the specified URL;

   Jump menu, Jump menu go:Page-Skipping menu and go button;

   Open Browser Window:Open a new browsing window;

   Play Sound:Play sound;

   Popup Message:Pop-up Warning window;

   preload Images:Read the picture in advance;

   Set Nav Bar Image:Set the navigation bar picture;

   Set Text:display text in a specific place;

   Show Hide Layer:Show or hide layers;

   swap image, swap image Restore:Transform the picture and restore the original picture;

   Timeline:Control the time line playback;

   Validate Form:Verify the correctness of the form;

   Get more behaviors:Download more behavioral events.


3, select event (events), decide under what circumstances trigger the response. The common events are:

   OnMouseOver:Move the mouse over the target;

   onMouseUp:Press the mouse and then release the left button;

   onmouseout:When the mouse moves away;

   OnMouseDown:When the mouse is pressed (no need to release the left button);

   Onclink:When clicked;

   OnDblClick:When double-clicking;

   OnLoad:When loading a Web page;

   OnUnload:When leaving the page;

   onResize:When the viewer changes the size of the browsing window;

   onscroll:When the viewer drags the scroll bar.


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.