滑動過渡animatio之間的兩個網頁

，比如我有幾個網頁滑動過渡animatio之間的兩個網頁

我怎麼可以點擊1.html到2.html

然後1.html幻燈片幻燈片從right鏈接到左和2.html loada和？

就像這樣的效果：

https://delicious.com/join

和GitHub的項目以及

https://github.com/CyanogenMod/android_packages_apps_Settings

有沒有瀏覽器刷新眨眼

和URL也發生了變化。

它使用的是jquery？

我必須使用mvc php framework或rails構建site？

我該如何創建webpage這樣的？

任何open source project或範例code爲什麼？

來源

2013-05-03 jk jk

試試谷歌它.. – Dineshkani 2013-05-03 09:15:25

如果你問的是如何做動畫，那麼JQuery是負責它的人。

您可以檢查此鏈接以供參考：

Downloads
Demo

或者你可以嘗試在互聯網上其他搜索，只需鍵入「花式滑動表單」

其實這一切都取決於你的網頁設計師/開發者如何實現這個Jquery。只需閱讀文檔。

神速！

來源

2013-05-03 09:14:33 EzekielMySon

謝謝你的答案。但我正在尋找不同網頁之間的中轉，必須更改網址 – 2013-05-03 09:15:20

您可以嘗試檢查作者發佈在第一個鏈接上的該插件的代碼。因爲我認爲它不會滑動到最初隱藏的另一個元素，而是嘗試對其進行配置並將其替換爲諸如url之類的元素。我不太確定因爲我還沒有測試過它，我不喜歡滑動幻想形式（對不起^^）。但如果可能的話，我會稍後嘗試做一些事情。也許做更多的研究，因爲它可能無法正常工作。 – EzekielMySon 2013-05-03 09:23:30

最近我面臨的挑戰是開發輕量級web應用程序，所以我使用最少量的jQuery，因爲在移動設備中查看時，無法保證流暢的行爲。所以我選擇了硬件加速的CSS轉換。您可以將網頁內容放入兩個div中，並動態添加和刪除類以查看此效果。

/* CSS */ 
.page-one { 
    width: 100%; 
    -webkit-transform : translateX(0px); 
    height:100%; 
    position: fixed; 
    background-color: #fff; 
    color : #6B6B77; 
    box-shadow: -3px 3px 3px #ddd; 
    overflow: auto; 
} 

.page-one.invisible { 
    -webkit-transform: translateX(-100%); 
} 

.page-one, 
body { 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
} 

.page-two { 
    -webkit-transform: translateX(100%); 
} 

.page-two.visible { 
    -webkit-transform: translateX(0px); 
} 

.page-two, 
body { 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
}

來源

2015-02-26 06:04:07 Sareskaph

滑動過渡animatio之間的兩個網頁

回答

相關問題