Tutorial/dreamweaver/improve the Dreamweaver custom page transition function

Source: Internet
Author: User
Tags insert window dreamweaver
dreamweaver| Tutorial | Web page Transition is when the viewer enters or leaves the page, the page presents different refresh effects, such as scrolling, blinds and so on. This way your Web page will look more dynamic, but also pay attention to enough, otherwise too fancy changes will easily arouse the viewers disgust.

It is not difficult to achieve this function, just two steps.

First open the page with Dreamweaver, and then click Insert\head\meta (Insert/File header label/meta), a dialog box will pop up as shown in the following illustration.

Select the Http-equivalent option in the Drop-down List of attribute options in the dialog box, and type Page-enter in value: to indicate a page transition effect when you enter a page. In content: Type Revealtrans (duration=4,transition=2), duration=4 indicates that the duration of the Web page transition effect is 4 seconds, Transition represents the transition effect, and a value of 2 indicates a circular contraction.


When you have finished typing, click OK and save the disk. This way we can see the effect when we click on a hyperlink to enter this page. In addition, there are more than 20 kinds of effect for you to choose, as long as the value of transition to the corresponding effect of the code can be, the specific effects and settings as shown in the following table:

Effect Content Transitionv
Box-like contraction Revealtrans 0
Box-shaped unfold Revealtrans 1
Circular contraction Revealtrans 2
Circular expansion Revealtrans 3
Erase up Revealtrans 4
Erase down Revealtrans 5
In addition to erase Revealtrans 6
Erase right Revealtrans 7
Vertical Hundred-page window Revealtrans 8
Horizontal hundred page window Revealtrans 9
Cross-board Revealtrans 10
Vertical chessboard Type Revealtrans 11
Dissolved Revealtrans 12
Shrink left to center Revealtrans 13
Middle to right and left unfold Revealtrans 14
Shrink up and down to the middle Revealtrans 15
Middle to top and bottom expand Revealtrans 16
Ladder-shaped to the left bottom unfold Revealtrans 17
Ladder-shaped to the left Revealtrans 18
Ladder-shaped to the right bottom unfold Revealtrans 19
Ladder-shaped to the right to unfold Revealtrans 20
Random Horizontal line Revealtrans 21st
Random Vertical Line Revealtrans 22
Random Revealtrans 23


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.