。
代碼示例：
bar.hammer().on("touch", function () {
// 記錄拖拽開始時(shí)的折頁總寬度
hot.data("oldWidth", hot.width());
}).on("drag", function (evt) {
// 根據(jù)鼠標(biāo)移動(dòng)距離獲得折頁在當(dāng)前狀態(tài)的正確寬度
var newWidth = hot.data("oldWidth") + evt.gesture.deltaX;
hot.css(newWidth);
// 計(jì)算角度：90 * (1 - 當(dāng)前寬度 / 完整寬度)
var deg = 90 * (1 - newWidth / hotFullWidth);
// 單數(shù)項(xiàng)和雙數(shù)項(xiàng)以相反的角度旋轉(zhuǎn)從而得到折頁效果
hotOddItems.css("transform", "rotateY(" + -deg + "deg)");
hotEvenItems.css("transform", "rotateY(" + deg + "deg)");
});
此外
，在Hit FM在線電臺(tái)的開發(fā)過程中
，開發(fā)團(tuán)隊(duì)充分利用到了HTML5上的全新API，保證用戶的流暢體驗(yàn)和收聽的持續(xù)性
。借由HTML5中全新加入的History API特性
，實(shí)現(xiàn)了全站AJAX(用于提升用戶訪問體驗(yàn)的技術(shù))
。當(dāng)用戶在點(diǎn)擊內(nèi)容時(shí)
，只會(huì)加載需要更新的內(nèi)容而不會(huì)加載外層不變的框架，同時(shí)標(biāo)題欄
、地址欄以及前進(jìn)后退等按鈕也會(huì)發(fā)生變化
，和全部刷新打開一樣，并且整個(gè)過程不會(huì)影響Live Streaming的播放
，大幅提升用戶體驗(yàn)
。
代碼示例：
var app = $.sammy("#wrapper", function () {
// 當(dāng)頁面 hash 改為 #hits/ 時(shí)
，加載 hits/ 頁面到 #wrapper 中
this.get("#hits/", function () {
this.partial('hits/').then(function () {
// 頁面載入后
});
});
});
app.run();
網(wǎng)站技術(shù)的升級(jí)日新月異
，在HTML5大潮流的趨勢(shì)下，更多的開發(fā)者們開始思考如何才能讓用戶在通過移動(dòng)端進(jìn)行網(wǎng)頁瀏覽時(shí)保證多屏體驗(yàn)合二為一的感覺
。IE11的興起和使用更為HTML5的發(fā)展添上了濃墨重彩的一筆
，開發(fā)者可以魔術(shù)師一般的把網(wǎng)站活靈活現(xiàn)的展現(xiàn)在用戶面前，體驗(yàn)新時(shí)代的技術(shù)為大家?guī)淼母淖儼桑?/p>
網(wǎng)站建設(shè) 網(wǎng)站制作 網(wǎng)頁設(shè)計(jì) 網(wǎng)站建設(shè)公司 沈陽網(wǎng)站建設(shè) 沈陽網(wǎng)頁設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì) 沈陽網(wǎng)站制作公司 高端網(wǎng)站建設(shè) 沈陽網(wǎng)絡(luò)公司 沈陽網(wǎng)站制作
沈陽易勢(shì)科技有限公司 © 2006-2013 , All rights reserved. 遼B2-20150173-8
