Плавный переход слайда между двумя отдельными файлами html

Question

есть ли возможность сделать плавный переход между двумя отдельными файлами html? Как, например. На одном HTML является

<a href="secondHtml.html">Link</a> 

и после нажатия на эту ссылку страницы не перезаряжать, просто сдвинув ко второму файлу?

Answer 1

Вы должны загрузить второй файл HTML в iFrame или в DIV с помощью ajax, а затем переместить его в поле зрения. Вы можете использовать jQuery для этого и для легкого доступа к анимации.

Возможно, вы также захотите обновить URL своей страницы, для этого вы можете использовать location.hash, чтобы сделать это, не перезагружая страницу. Вы также можете проверить для observehashchange plugin для jquery, чтобы проверить изменение хэша, когда пользователь меняет URL.

Вы можете просмотреть образец here.

Чтобы получить доступ к страницам Google, вы можете добавить sitemap.xml на свой сайт, чтобы описать страницы, и вам также может понадобиться настроить webmaster tools, чтобы предоставить Google полезную информацию о вашем сайте. Здесь вы можете добавить ссылки, и Google получит его. У меня есть страница, где Google видит более 5000 ссылок, однако по умолчанию они не находятся на какой-либо странице.

Но если вы хотите иметь нормальные ссылки <a> на своей странице, вы можете использовать простой jQuery для запуска анимации вместо перехода к ссылке.

<a href="/page2">Go to page 2</a> 
<a href="/page3">Go to page 3</a> 
<a href="/page4">Go to page 4</a> 
<script> 
    function LoadPage(page) { 
     //Put your page loader script here   
    } 

    $(document).ready(function(){ 
     $(a).click(function(event){ 
      event.preventDefault(); 
      var page = $(this).attr('href').substr(1); 
      LoadPage(page); 
     }); 
    }); 
</script>