Click here to Skip to main content
15,909,051 members
Articles / Web Development / HTML
Tip/Trick

Make page transition/navigation smoother

Rate me:
Please Sign up or sign in to vote.
4.00/5 (1 vote)
8 Mar 2011CPOL 15.8K   1   1
Make page transition/navigation smoother
Generally, while web-page post-back event fires or we are navigating to the other page from current page, then there are a some white screen flicks before showing the loaded page.

So if we don't want to see that white screen flick and want to navigate smoother on new page, then there is only one line code, actually it's a meta data that we have to add in head section of the HTML page.

Here is the code that we have to add.

<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(duration=.5)" >


While we add the above line to the HTML section, then it will change the default behavior of page transition.
Now it will navigate to the next page very smoothly like page content is fading slowly and moving to the next page.

But remember it is meta-tag from Microsoft and it will work only on Internet Explorer.
That is only the worst side of this feature.


DotNet Stuff

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer Working in Ahmedabad, Gujarat, India
India India

I am working as a Software Engineer in Ahmedabad, Gujrat, India.

I have 12+ Years of Experience in Microsoft Technology Like Asp.Net 4.0,
C#,MVC,EntityFramework, Javascript, Crystal Reports, JQuery etc.

Find out more on :




Comments and Discussions

 
QuestionMake page transition/navigation smoother for Chrome and FireFox Pin
Jahan12-Oct-13 19:38
Jahan12-Oct-13 19:38 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.