2012-01-20 44 views
-1

我想在我正在構建的常規桌面網站上使用找到的「轉身」效果here。我不想使用jquery移動庫。我想知道是否可以在桌面站點上使用常規jQuery/css3/html5與常規超鏈接來複制此效果。桌面上的Jquery Mobile頁面轉換?

請注意:我不使用AJAX或PHP我的網站上。我希望一切都由jQuery/CSS3/HTML/Javascript單獨構成。這意味着它不是一個一頁的網站。有一堆不同的HTML文檔與超鏈接搭配在一起,就像傳統網站一樣,我想知道是否有一種使用JavaScript的方式,可能會預加載其他頁面,以便在單擊時爲動畫做好準備。

我在尋找我所提供的鏈接完全相同的功能。這意味着點擊時會生成動畫,返回時會反轉動畫,並預加載頁面以使它們準備就緒。

在此先感謝你們!

+0

預加載其他頁面,使他們準備好動畫將需要AJAX,除非你有相同的.html頁面上的所有網頁。 –

回答

0

http://css3playground.com/flip-card.php

即鏈路具有一些相同的轉換(包括轉),但是施加到較小的元素。這使用css3轉換。我不知道如果jQuery使用CSS3或直接javascript來應用變換,但無論如何效果將是相同的(只是在ie8或更低版本上不兼容)...

而且,re:「預加載所以他們準備好了。「這和在一個頁面上擁有所有內容有什麼區別?這聽起來像你應該用PHP模板和include()而不是HTML和jQuery來構建你的站點。

+0

jQuery Mobile使用CSS類創建其轉換。所用的JS只是在正確的時間提示正確的類。 – Jasper