Realize the dynamic transition effect of Web page

Source: Internet
Author: User
Tags exit
Dynamic | page FrontPage through the page Transitions option in the Format menu, you can set different dynamic effects for the entry or exit of a Web page. However, the Dreamweaver does not have this special effects option, you need to install additional plug-ins. In fact, to achieve this effect, the following methods can be easily obtained:
Open the Web page source code, if you want to implement the Web page to open in vertical blinds, you can add the following statements between the source code 〈head〉 and 〈/head〉 〈meta http-equiv= "Page-enter" content= ( Duration=3, Transition=8) ". "Duration" value for the Web page dynamic transition time, in seconds, generally set to 3-5 seconds. "Transition" different values for different transition modes, there are 24 ways to choose:
0 box-shaped contraction
1 box-shaped radiation
2 circular contraction
3 Circular radiation
4 from the bottom up
5 from top down
6 From left to right
7 from right to left
8 Vertical Blinds
9 Horizontal Blinds
10 Horizontal Lattice Blinds
11 Vertical Lattice Blinds
12 Free dissolution
13 from the left and right ends to the middle.
14 from the middle to the left and right ends
15 from upper and lower ends to the middle spread
16 from the middle to the upper and lower ends
17 from upper right corner to lower left corner
18 from lower right corner to upper left corner
19 from upper left corner to lower right
20 from the lower left corner to the upper right corner unfold
21 Horizontal Line Expansion
22 Vertical Linear expansion
23 randomly generating a transition mode
If we add this statement: 〈meta http-equiv= "Page-exit" content= "Revealtrans (duration=3, transition=23)", think about what effect it will have?
Want to get a different transition effect on your Web page? As long as you according to the situation for "Duration", "Transition" set a different value can be, its effect is very cool Oh!

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.