Commonly used transition effects for creating web pages with Dreamweaver8
Author：Eve Cole
Update Time：2009-06-01 01:02:47
Web page transition refers to the different refresh effects that the page presents when the viewer enters or leaves the web page, such as scrolling, blinds, etc.
Note: Web page transition effects cannot be added to web pages created through templates!
Production steps:
1. Open a page. This step is very critical. Why open a page instead of setting it up during editing? This is because the code for web page transitions must be displayed in some specific areas of the code window in order to work. In the newly opened window, the cursor is at the front of the top line of the code window, which is one of the appropriate positions. For those who are not familiar with code, it is simple and easy to operate. However, when some web pages are first opened, the cursor is not at the front of the top line of the code window. Then you need to find the first line of code through the scroll bar of the border, then click the mouse at the front, and position the cursor at the top of the top line of the code window. front.
2. Click Insert-HTML-File Header Tag-Meta in the menu bar, and the Meta dialog box will pop up.
3. Select the HTTP-equivalent option in the drop-down list of the property options in the dialog box, and type Page-Enter in the value box to indicate that there will be a web page transition effect when entering the web page. Type Revealtrans(Duration=4,Transition=2) in the content box. Duration=4 means that the duration of the webpage transition effect is 4 seconds. Transition means the transition effect mode. When the value is 2, it means circular shrinkage. Various effect numbers The code is as follows.
4. After entering, click OK to save. This way we can see the effect when we enter this page. Did you see the effect just now? Otherwise, go back to the homepage and take a look at this page.
5. There are more than twenty kinds of effects for you to choose from. Just change the value of Transition to the code name of the corresponding effect. The specific effects and settings are as shown in the table below:
Effect Transition Effect Transition
Box Shrink 0 Dissolve 12
Box-like expansion 1 Shrink left and right toward the middle 13
Circle shrinks 2 and the middle expands to the left and right 14
Expand the circle 3 and shrink up and down toward the middle 15
Erase up 4 Expand the middle up and down 16
Erase down 5 Expand downward and left in steps 17
Erase 6 to the left Expand 18 to the upper left in steps
Erase to the right 7 Expand to the lower right in steps 19
Vertical blinds 8 ladder-like expansion to the upper right 20
Horizontal Blinds 9 Random Horizontal Lines 21
Horizontal checkerboard 10 Random vertical lines 22
Vertical checkerboard 11 random 23
