Home > Web Front-end > JS Tutorial > Some commonly used techniques in web design_Typical special effects

Some commonly used techniques in web design_Typical special effects

WBOY
Release: 2016-05-16 19:22:57
Original
810 people have browsed it
Buttons for various purposes


 


                                             





























A very beautiful drop-down list box









LANGUAGE=javascript
>

Drop-down list box demo program:





softet


Dreamweaver customized web page transition function: First open the page with Dreamweaver , and then click InsertHeadMeta (Insert/File Header Tag/Meta) in the menu.

Select the HTTP-equivalent option in the drop-down list of the Attribute option in the dialog box, and type Page-Enter in Value: There is a webpage transition effect when entering the webpage. Type Revealtrans(Duration=6,Transition=2) in Content:, Duration=6 means the duration of the webpage transition effect is 6 seconds, Transition means the transition effect mode, and a value of 2 means circular shrinkage.
Click OK after inputting to save. In this way, when we click a hyperlink to enter this page, we can see the effect. 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 Content Transitionv Box-shaped Contract RevealTrans 0 Except RevealTrans 6
Erase right RevealTrans 7
Vertical blinds RevealTrans 8
Horizontal blinds RevealTrans 9
Horizontal checkerboard RevealTrans 10
Vertical checkerboard RevealTrans 11
Dissolve RevealTrans 12
Shrink left and right towards the middle RevealTrans 13
Expand the middle left and right RevealTrans 14
Shrink up and down towards the middle RevealTrans 15
Expand up and down in the middle RevealTrans 16
Expand stepwise to the left and down RevealTrans 17
Ladder-like expansion to the upper left RevealTrans 18
Ladder-like expansion to the lower right RevealTrans 19
Ladder-like expansion to the upper right RevealTrans 20
Random horizontal line RevealTrans 21
Random vertical line RevealTrans 22
Random RevealTrans 23

is added to the middle of the text to show the countdown.




Then put




and another very beautiful drop-down list box









LANGUAGE=javascript >

Drop-down list box demo program:





source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template