2011年3月22日 星期二

jQuery_X與Y的廣告輪播+圖片拖曳完成系統說明頁面

約莫三個多月前就在想系統說明頁該怎麼呈現,到前一陣子才有一個大概的雛型,

最近結案時間越來越近,人力卻被抽的越來越少,導致時間卡的越來越緊,

但是又不想把這雛型放棄不做,轉而讓使用者下載操作手冊,所以昨天決定一股作氣把他完成,

從:photoshop圖片繪製→HTML、CSS編排→jquery撰寫→教學內容撰寫→說明圖片擷取→配色→到最後突然才想要加上的圖片錨點功能,

歷經兩天,約略27.532小時的工作時數,終於完成了。

功能面是以一般廣告輪播的方式組合而成,也就是X方向一個移動動畫,Y方向一個動畫,

最後配合圖片拖曳的方式,製作圖片錨點的功能。

直接看結果:


老王賣瓜,自認為讚。

3 則留言:

kolen 提到...

酷,作的很讚,ola哥越來越強了。

piggy 提到...

讚啦~世復哥!扛霸子教我jQuery~

ola的家 提到...

這樣我可以把jquery加入'技能'了嗎?

張貼留言