開言
本篇文章通過開源html5引擎lufylegend實現JQuery滑動效果。能使一個矩形來回減速加速滑行。由于用到了html5里的canvas，所以如果大家要測試程序，請用支持html5的瀏覽器打開。源碼下載稍后提供。
初始化頁面
首先我們來看看html文件里的代碼：
- >
- <html>
- <head>
- <meta charset="utf-8" />
- <title>html5 game - 仿jquerytitle>
- <script type="text/javascript" src="./js/lufylegend-1.6.1.min.js">script>
- <script type="text/javascript" src="./js/main.js">script>
- head>
- <body>
- <div id="mylegend">loading……div>
- body>
- html>
接下來讓我們看看init用法：init(speed,id,width,height,function,type);其中speed代表頁面更換速度，id代表傳入的一個div的id，庫件進行初始化的時候，會自動將canvas加入到此div內部，width和height分別代表頁面大小，function就是初始化完成后調用的函數，最后一個參數type為null時，會先進行頁面的onload操作，如果init函數調用是在onload之后，那么需要將此參數設為LEvent.INIT。
我在js里是這樣調用init的：
- init(50,"mylegend",800,400,main);
開始移動
看完初始化部分，我們不仿來看看是怎樣做到能使一個矩形來回減速加速滑行。首先我們來看看main.js里的代碼：
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。