JustGull 37 Опубликовано 18 ноября, 2012 Наверно многие хотели бы себе сделать плавный переход по страницам. Сам столкнулся с этим вопрос и наконец нашел и понял как сделать. Все оказалось очень просто. Берем между <head></head> вставляем следующий код <script type="text/javascript"> $(document).ready(function() { $("body").css("display", "none"); /** body (здесь и далее) означает, что эффект применяется ко всей странице. Можно изменить на идентификаторы любых элементов (#content, .comments и т.д.) */ $("body").fadeIn(1500); /** время появления в миллисекундах */ $("a.fade").click(function(event){ /** a.fade означает, что данное решение будет работать только при нажатии на ссылки с классом (class) "fade" (можно изменить на свой) */ event.preventDefault(); linkLocation = this.href; $("body").fadeOut(1500, redirectPage); /** время изчезания в миллисекундах */ }); function redirectPage() { window.location = linkLocation; } }); </script> И вуаля у вас плавающие страницы 5 Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
baern9528 149 Опубликовано 18 ноября, 2012 Спасибо, очень даже к стати Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты
jefri 78 Опубликовано 21 ноября, 2012 Полезный мануалчик. Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты