iNET Interactive - Online Advertising Agency
          
   Home    Authors    About    Login    Contact Us
   Search:   
Advanced Search     
  Articles

  ASP (26)
  ASP.NET (19)
  C and C++ (4)
  CFML (2)
  CGI and Perl (16)
  Flash (2)
  Java (7)
  JavaScript (28)
  PHP (92)
  MySQL (13)
  MSSQL (3)
  HTML (35)
  SEO (9)
  Visual Basic (12)
  CSS (13)
  SSI (5)
  XML (12)
  C# (14)

  Developer News

July 20, 2008
Wiki: A Solution to the Web Design Problem
About
 
July 19, 2008
Top 10 Social Networking Sites
About
 
July 19, 2008
Plurk or Twitter: Which one is Better?
About
 
July 19, 2008
Create Menus with Lists and CSS
About
 
July 17, 2008
Poll: What do you do when you can't design?
About
 
July 17, 2008
22 Reasons to Plurk
About
 
Courtesy of moreover.com
 
Want to receive new articles via e-mail? Click here!
/Home /HTML /DHTML

DHTML Transitions 

  Views:    2858
  Votes:    0
by Ahmad Permessur 4/29/04 Rating: 

Synopsis:

As one of the latest DHTML items, IE4 (and above) now let you add "transitions" to your site.
Pages: 
The Article

 These transitions smoothen the exit and entrance of a page, making your stay on a page a pleasant one. A simple META tag can achieve this effect. (If you don't know what META tags are, don't worry. I don’t know exactly what they are either, but if I ever find out, you'll be the first one to know!) Now, here's the code:

<META HTTP-EQUIV="Site-Enter" content="revealTrans(Duration=4.0,Transition=12)"> 

The above line of code will give you the effect of the page appearing pixel by pixel (when entering it). You can also specify a transition when exiting the page. But more of that in detailed overview:

Site-Enter means that the transition is triggered when someone enters the page. Site-Exit triggers the transition when someone exits the page

Duration=4.0 represents the duration of the transition (in seconds). Placing 31536000.0 would make the transition to be 1 year long - obviously you won't want to make your visitor wait that long :-)

Transition=12 tells IE which transition to use. There is a choice of 23, you'll get to know them later.

There we go, you finally know how that code works! Now it would really be appropriate to know which transitions to use for your page...

1. Reveal from inside
2. Scroll in from outside
3. Scroll out from center
4. Scroll up from bottom
5. Scroll left to right
6. Scroll down
7. Scroll right
8. Scroll left
9. Vertical Blinds left to right
10. Horizontal Blinds top to bottom
11. 8 and 9 together
12. Similar to 8
13. Pixel by pixel appearing/disappearing
14. Scrolls in from outer parts
15. Scrolls out from center
16. Closes from top and bottom
17. 15 - other way around
18. Diagonal roll from right to left
19. Diagonal roll - other angle (also right to left)
20. Number 17 - opposite
21. Number 18 - opposite
22. Random horizontal lines
23. Random vertical lines
24. All above items picked randomly

Pages: 



 
  Sponsors