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

Advanced

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

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


請參考

http://mepopedia.com/forum/read.php?804,81401

上課範例
http://mepopedia.com/~css104-2c/hw08/ex/hw08-1025445070

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

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

並請回覆:

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

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

2. 學長姊範例


http://mepopedia.com/~css104-2c/hw08/ex/hw08-1025445070/
http://mepopedia.com/~css104-2c/hw08/ex/final-1015445215
http://mepopedia.com/~css104-2c/hw08/ex/final-1015445218
http://mepopedia.com/~css104-2c/hw08/ex/final-1025445044
http://mepopedia.com/~css104-2c/hw08/ex/final-1025445055
http://mepopedia.com/~css104-2c/hw08/ex/final-1025445205
http://mepopedia.com/~css104-2c/hw08/ex/0519BPL


[hr]

3. 2015/5/28上課影音


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


(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445073
(2)製作心得: 覺得動態效果很可愛
學號 :1035445073

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445145
(2)製作心得: 做完這個網站很喜歡,覺得簡單的動畫可以讓整個畫面更好看
學號 :1035445145

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445088
(2)製作心得: 不知道為什麼影片歪掉了...
學號 : 1035445088

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445115

(2)製作心得: 做到快超度了...((#汗 但終於做完了...


學號:1035445115

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445184
(2)製作心得: 做完很有成就感
學號 : 1035445184

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445178
(2)製作心得: 眼睛感覺快脫窗了
學號 : 1035445178

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445214
(2)製作心得: ...╮(╯v╰)╭

學號 : 1035445214

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445211
(2)製作心得:終於做完

學號 : 1035445211

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445127

學號 :1035445127

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445079
(2)製作心得: 覺得很難
學號 :1035445079

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445079
(2)製作心得: 覺得超難....
學號 :1035445079

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445124
(2)製作心得: 有點困難
學號 :1035445124

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445199
(2)製作心得:終於做完了 有點困難
學號 : 1035445199

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035445001

(2)製作心得: 有點小難度


學號:1035445001



Edited 1 time(s). Last edit at 06/11/2016 04:27AM by Togenick.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035445037

(2)製作心得:難


學號:1035445037

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1045245002

(2)製作心得: 太好玩了,尤其是自己喜歡的題目,雖然覺得有點難,可是在過程中還是很享受的,主要是調座標位置真的很麻煩得一直看一直改、然後有些圖又會跑掉,不過花點時間與耐心,暫時都找到解決方法,還是沒有問題的

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445130
(2)製作心得:有點複雜...
學號 : 1035445130

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445228
(2)製作心得:有點複雜
學號 : 1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445217

(2)製作心得: 修改好後整體效果不錯看


學號:1035445217

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445187
(2)製作心得: 很難 影片有些不懂 希望能簡單明瞭
學號 : 1035445187

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1045245001
(2)製作心得:很難,有點弄不好,開始眼花了~菜單跑掉弄不回來....



Edited 1 time(s). Last edit at 06/11/2016 10:42PM by 1045245001.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445142/
(2)製作心得: 彈跳還是不太熟

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445061/

(2)製作心得: 好累yawning smiley

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035443110/
(2)製作心得:整個做完後很有成就感,因為是做自己喜歡樂團的介紹,所以覺得更加好玩
學號 :1035443110

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035445097

(2)製作心得:有點麻煩

學號 :1035445097

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035445148/
(2)製作心得: 可以做更多特效
學號 :1035445148

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445208
(2)製作心得: 想辦法擠出來了 累
學號 : 1035445208

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445205
(2)製作心得:一開始覺得蠻複雜的,但後面越來越順手後,覺得加入效果網頁變得很有趣好玩。
學號 : 1035445205

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445082
(2)製作心得: 還可以 希望下次能做得比這次更完整
學號 : 1035445082

1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445172
(2)製作心得: 覺得雖然在做的過程很複雜,但做出來我蠻喜歡的,很可愛
學號 :1035445172

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445121
(2)製作心得: 很累
學號 : 1035445121

1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445067
(2)製作心得: 很有趣
學號 :1035445067

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1035445196

(2)製作心得: 動態加進去之後雖然很可愛,只是比例調配不好就感覺怪怪的 哈哈


學號:1035445196

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035445103/
(2)製作心得: 很有趣

學號 : 1035445103

(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1035445055/
(2)製作心得: 覺得動態效果很有趣又活潑

學號 :1035445055