2013-08-08 3 views
1

Привет, если кто-нибудь узнает, как сделать постепенное исчезновение в результате изменения эффекта страницы в JavaScript?Эффект страницы смены JavaScript

Как это .. http://soulwire.co.uk/hello

Я попытался это ..

Но когда Fadeout не связывая together..I означает не гладкой, как на вышеуказанном сайте.

<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> 

Извините, я просто думаю о .... делает ли слайд-шоу фоном ??? Но наверху я могу добавить код php/html?

Другой пример ... http://www.louisebradley.co.uk/portfolio/

+0

Пытался что-нибудь? покажите нам, пожалуйста, css и js please – woofmeow

+0

эй, вы хотите исчезнуть через 2 секунды ..... это то, что вы хотите –

+0

Ummm ... при нажатии на кнопку меню «HELLO, EXPERIMENTS, STREAM, NODES» картинка с движением вверх, это сценарий java? –

ответ

0

Эй попробуйте следующий код

Смотрите его 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> 

Также посмотрите на эти питания

Fade in div on page load

JavaScript Fade Tutorial – Fading Elements In/Out

How to: javascript fade in fade out text

.fadeIn() Tutorial

Смежные вопросы