jquery - JavaScript change page effect -
hi chance know how fade in fade out change page effect in javascript?
like this.. http://soulwire.co.uk/hello
i have tried this..
but when fadeout not linking together..i mean not smooth above website.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('body').css('display', 'none'); $('body').fadein(1000); $('.link').click(function() { event.preventdefault(); newlocation = this.href; $('body').fadeout(2000, newpage); }); function newpage() { window.location = newlocation; } }); </script> sorry think of....does background slideshow work??? on top can add php/html code?
another example...http://www.louisebradley.co.uk/portfolio/
hey try below code
see working demo
<!doctype html> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="jquery.js"></script> <script type="text/javascript"> function close() { $('#div1').animate({ height: 50 }); } function open() { $('#div1').animate({ height: 100 }); } </script> </head> <body> <div id="div1" style="width:100%; height: 50px; background-color: #c0c0c0;" onmouseover="open()" onmouseout="close()"></div> </body> </html> also take @ these stuffs
javascript fade tutorial – fading elements in/out
Comments
Post a Comment