First, Dreamweaver display-hide element behavior
1. Insert AP Div into the Web page, which is often said to be the layer.
2. Select <body> Label, a link (<a>) tag, or select an AP element.
3. Open the Behavior panel.
4. Click the "Add behavior (+)" button, in the Pop-up Drop-down menu, select the "Show-hide Elements" command, as shown in the following figure:
5. Open the Show-Hide Elements dialog box, as shown in the following illustration:
In the element text box, select the element for which you want to change visibility.
Click the Show button, the Hide button, or the default button to set the visibility of the element.
Continue to select other elements and click on the relevant buttons to set the visibility of more elements.
6. Click "OK" button.
7. See if the attached event is a required event. If it is not the event you want, you can change the event.
8. See if the behavior parameters are appropriate. You can also modify the behavior parameters if they are not appropriate.
Second, the example
1. Select <body> tab, in the Show-Hide Elements dialog box, set the div "ApDiv1" to hidden, and the event is onload.
2. Select ApDiv2, and in the Show-Hide Elements dialog box, set the div apDiv1 to display. Modify the event to onmousemove.
3. Continue to select ApDiv2, and in the Show-Hide Elements dialog box, set the div apDiv1 to hidden. Modify the event to onmouseout.
At this point, when you select ApDiv2, there will be two events in the behavior panel, namely OnMouseMove, onmouseout.
4. ApDiv3 the same settings as ApDiv2.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
