我做了一個關于網頁滑動切換的小例子。這個確實很簡單,只要你會使用jQuery、jQuery Mobile、zepto或者其他一些框架,然后他們會給你處理好這個。我不想這么做,我想挑戰一下不使用任何框架就可以實現這個效果。HTML代碼是越簡單越好。
我谷歌搜索了下相關的資料,沒有找到什么好的解決辦法,所以我打算自己寫。
我想出的解決辦法其實很簡單,采用AJAX刷新、CSS切換。這里還需要注意的是,只有在WebKit瀏覽器上能看到效果。(我個人用PhoneGap做了一個測試應用,可以在Android和IOS系統上運行,所以我只需要WebKit的兼容性。)
首先,我們來看看對body標簽的css樣式,我讓它有動畫效果:
新聞熱點
疑難解答