Написал код, который при движении мышкой в окне браузер плавно показывает содержимое страницы. к body и .shadow применено display:hidden
Сначала плавно проявляется body.
После проявления страницы с небольшой задержкой проявляется .shadow
При запуске в фоксе сколько мышкой ни двигай, ничего не произойдет. Но если убрать display:hidden, то контент сначала виден, а после движения мышкой резко исчезает и медленно проявляется так, как должен.
|
Код:
|
<script type="text/javascript">
$(document).ready(function() {
var doFadeIn = function() {
$('body').css({ opacity:0, visibility:'visible'}).fadeTo(800,1);
};
$('html').one('mousemove',doFadeIn);
$('html').one('blur',doFadeIn);
});
$(document).ready(function() {
$('.shadow').css({ opacity:0, visibility:'visible'}).delay(1400).fadeTo(1800,1);
});
</script> |
В Opera, IE, Chrome все работает.