jQuery+HTML5實現(xiàn)手機搖一搖換衣特效_jquery

注意，這是一篇WEB知識綜合應用的文章，閱讀本文前提是，您需要有HTML5，jQuery，PHP，MySQL等相關(guān)方面的基礎知識。

HTML

我頁面中默認展示產(chǎn)品信息（某品牌連衣裙產(chǎn)品圖片和文字說明），當然實際應用中可以從數(shù)據(jù)庫中獲取產(chǎn)品信息。

 
 
 
使勁晃動您的手機
 
  
 
灰色
 
 

然后在頁面中加載jQuery庫文件，同時我們繼續(xù)沿用上一篇文：《用HTML5實現(xiàn)手機搖一搖的功能的教程》中用到的偵聽手機搖晃的代碼：shake.js。

當然本文只是一個實例應用，開發(fā)中你可以根據(jù)實際應用優(yōu)化PHP程序代碼，打造符合你項目的優(yōu)質(zhì)PHP代碼，最后奉上mysql數(shù)據(jù)表結(jié)構(gòu)：

 
CREATE TABLE IF NOT EXISTS `dress` ( 
 `id` int(11) NOT NULL AUTO_INCREMENT, 
 `color` varchar(30) NOT NULL, 
 `pic` varchar(30) NOT NULL, 
 PRIMARY KEY (`id`) 
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ; 
 
INSERT INTO `dress` (`id`, `color`, `pic`) VALUES 
(1, '灰色', 'z1.jpg'), 
(2, '紫色', 'z2.jpg'), 
(3, '紅色', 'z3.jpg'), 
(4, '藍色', 'z4.jpg'); 

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com