Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業08] HTML/CSS/jQuery 物件小動畫、燈箱效果

1. HTML/CSS/jQuery 物件小動畫、燈箱效果作業說明


請參考
[講義]FunTaipei HTML/CSS/jQuery 動態效果分析
http://mepopedia.com/forum/read.php?804,46224



1.參考上課與講義上之作法,以jQuery做出物件小動畫、燈箱效果(有效果即可)
2.也可以期末主題製作物件小動畫、燈箱效果

3.將資料夾命名為 hw08-學號,以FTP上傳至hw08資料夾
作業網址為http://mepopedia.com/~web103-2b/hw08/hw08-1025445XXX

並請回覆:

(1)作業網址:
(2)製作心得:
學號



請於規定時間準時繳交作業。



2. 學長姊範例


http://mepopedia.com/~web102-c/hw08/hw08-1015445243/
http://mepopedia.com/~web102-c/hw08/hw08-1015445218/
http://mepopedia.com/~web102-c/hw08/hw08-1015445231/
http://mepopedia.com/~web102-a/hw08/hw08-1015445006/
http://mepopedia.com/~web102-a/hw08/hw07-1015445001/
http://mepopedia.com/~web102-c/hw08/hw08-1015445219/
http://mepopedia.com/~web102-c/hw08/hw08-1015445212/1.html
http://mepopedia.com/~web102-a/final/0519BPL/0519BPL/Bopiliao.html



3. 2015/5/28上課影音


HTML/CSS/jQuery物件小動畫、燈箱效果
https://youtu.be/Ukgn3h2aFo0




Edited 3 time(s). Last edit at 05/27/2015 08:38AM by JinJin.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445062
(2)製作心得: 還是無解最後一頁會跑到第一頁
學號 1025445062

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445008
(2)製作心得: 亂掉!
學號 1025445008

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445005
(2)製作心得: 開啟某一頁燈箱時,不點叉叉直接點下一頁,前一頁的燈箱不會消失...點解啊!!!!
學號 1025445005



Edited 1 time(s). Last edit at 05/29/2015 12:02AM by rosezheng.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445065
(2)製作心得: 做到後面好容易亂掉...
學號 1025445065

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445068
(2)製作心得: 好複雜容易搞混
學號 1025445068

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445226
(2)製作心得: 還蠻可愛的~~
學號 1025445226

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445182
(2)製作心得: 很有趣的效果!!!!
學號 1025445182

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445056
(2)製作心得: 有點亂,不太會做,燈箱的語法一直做不好

學號 1025445056

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445020
(2)製作心得: 有時物件會跑掉
學號 1025445020

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445044
(2)製作心得: 找圖是一件非常重要的事情! 找到難搭配的圖 網頁品質跟著下降XD
學號 1025445044

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445029
(2)製作心得:真的...難加亂到爆炸!!!!!ㄚㄚㄚㄚ~~~~hot smileyhot smileyhot smiley
學號 1025445029

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445071
(2)製作心得:
超級霹靂無敵困難!語法來來回回滑了好幾十遍Q~Q
覺得複雜 0︿0
等做完,時間已過去許久。。。。
學號 1025445071

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445167
(2)製作心得: 字體不知該如何調位置...
學號 1025445167

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445167
(2)製作心得: 字體不知該如何調位置...
學號 1025445167

(1)作業網址:http://mepopedia.com/~web103-2b/hw08/hw08-1025445041/Untitled-1.html

(2)製作心得:覺得有點難

學號 1025445041



Edited 2 time(s). Last edit at 06/10/2015 12:05PM by 1025445041.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445170
(2)製作心得: 試了好久終於跳的起來了
學號 1025445170

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445155/
(2)製作心得: 覺得難
學號 1025445155

(1)作業網址:http://mepopedia.com/~web103-2b/hw08/hw08-1025445131
(2)製作心得:雖然用別人的語法來做,過程中還蠻多困難的,每次都想放棄,
還好身邊還是會的人會幫助,所以這次能成功的做出來覺得開心,也蠻有成就感的。
學號 1025445131

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445125
(2)製作心得: 好難!!做好久終於會動了!!!
學號 1025445125

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445113
(2)製作心得: 好難好煩好複雜
學號 1025445113
(因網頁設計伺服器硬碟故障重新上傳、回復)

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445128
(2)製作心得: 本來一口氣做七個,做到後來亂掉就放一個而已
學號 1025445128

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445035
(2)製作心得: 框架跑掉變只能固定跳動不能換頁...好難^q^
學號 1025445035

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445179/Untitled-1.html
(2)製作心得: 好複雜 (因網頁設計伺服器硬碟故障重新上傳、回復)
學號 1025445179

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445152/
(2)製作心得: 希望在研究其他的網站
學號 :1025445152

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445095
(2)製作心得: 很有趣的效果,讓網站更豐富~
學號 1025445095