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-2c/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-2c/hw08/hw08-1035445066

(2)製作心得:簡簡單單!
[color=#FF0000]有一個印假鈔的壞人被逮捕了
警察說:你為何要印假鈔!!!
壞人說:因為我不會印真鈔!![/color]
學號1035445066

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

(2)製作心得:很難調位置!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

學號 :1035445102

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035443128
(2)製作心得:微難

學號 :1035443128

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

(2)製作心得:花了一ˋ個下午....

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

(2)製作心得:我是丁丁

學號 : 1035445078

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

(2)製作心得:終於完成了!

學號1035445035

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

(2)製作心得:需要花點時間製作

學號 :1035445129

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

(2)製作心得:後面兩頁不知道怎麼了,版面跑掉,所以我只好刪掉了

學號 :1035445153

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

(2)製作心得:需要花點時間製作及了解。

學號 :1035445006

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

(2)製作心得:花了一點時間製作 可是有些格式不能亂刪

學號 :1035445216

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

(2)製作心得:花很多時間去研究燈箱效果跟動畫

學號 :1035445033

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

(2)製作心得:位置很容易被遮住 不好對
學號 :1035445093

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

(2)製作心得:好麻煩,弄得很累,位置要對好。

學號:1035445171

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

(2)製作心得:一直位移,排很久

學號 :1035445048



Edited 1 time(s). Last edit at 06/11/2016 08:25PM by yun0221.
(編輯記錄)

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

(2)製作心得:排很久,眼睛很花

學號 :1035445051

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

(2)製作心得: 挺累的

學號 1025445189

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

(2)製作心得: 挺複雜的

學號 1035445018

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

(2)製作心得:困難... 搞很久...跑來跑去

學號 :1035445042

(1)作業網址: http://mepopedia.com/~css104-2c/hw08/hw08-1035445207
(2)製作心得: 一直跑掉真的是會很火大但還好我挑ㄉ是小鮮肉

學號 1035445207

(1)作業網址: http://mepopedia.com/~css104-2c/hw08/hw08-1035445195
(2)製作心得: 做到超痛苦的

學號 1035445195

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

(2)製作心得:調來調去終於做完了!眼睛脫窗了脫窗了eye popping smiley
學號 :1035445189

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445054
(2)製作心得:一開始覺得語法很亂,研究一下才了解了
學號 1035445054



Edited 1 time(s). Last edit at 06/13/2016 11:43PM by 1035445054.
(編輯記錄)

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

(2)製作心得:位子調很久累累der

學號:1035445219

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

(2)製作心得:語法超多 眼睛已脫窗

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

(2)製作心得:頭痛欲裂~.~

學號 :1035445156

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

(2)製作心得:好難!!!

學號 :1015448040

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445009
(2)製作心得:很難做,一直跑掉花很多時間了解。
學號 :1035445009

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

(2)製作心得:位子好難調整超累的

學號:1035445150

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

(2)製作心得:花了一堆時間在了解製作方法 圖一直跑掉看到眼睛都酸了!!

學號 :1035445180

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

(2)製作心得:那個位置真的是神難調的 T_T

學號 :1035445090

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

(2)製作心得:好難.終於做完了~

學號 :1035445084

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

(2)製作心得: 雖然做起來很複雜,但還是蠻有趣的

1035445081

(1)作業網址: http://mepopedia.com/~css104-2c/hw08/hw08-1035445186/
(2)製作心得: 眼睛痠痠的
學號 1035445186

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

(2)製作心得:很難調整位置

學號 :1035445096

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445072
(2)製作心得:一開始燈箱一直出不來...後來發現是老師給的原始碼有多幾個符號,後來刪掉就成功了!好有成就感!

學號 1035445072

1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445120
(2)製作心得:有點卡關
學號1035445120

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

(2)製作心得:調位置很麻煩 累累

學號 :1035445162

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

(2)製作心得:圖片很容易一直跑掉@@

學號 :1035445111

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445108
(2)製作心得:很難

學號 :1035445108

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

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

(2)製作心得: ==無論如何都覺得難 ..

學號 1035445123

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

(2)製作心得:調位置有點麻煩~

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

(2)製作心得:跟之前做的網頁很不一樣~

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

(2)製作心得:位置好難對嗚嗚嗚嗚

學號:1035445030

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

(2)製作心得:下次別再這樣了
真的
快發瘋了
為什麼要這樣對我
教簡單點吧
拜託了
殺了我吧

學號 :1035445087

(1)作業網址: http://mepopedia.com/~css104-2c/hw08/hw08-1035445183/
(2)製作心得: 我好煩躁
學號 1035445183

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

(2)製作心得: 很難一直卡,問了好幾個也都不會啊啊啊啊啊啊啊啊

學號 1035445141

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445060
(2)製作心得: 花了一段時間一直調語法,導覽列無法對齊
學號 1035445060

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

(2)製作心得:程式碼 語法超複雜 eye popping smiley

學號:1035445057

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445015
(2)製作心得:還可以

學號1035445015

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445036 。

(2)製作心得:燈箱背景效果一直弄不出來,東西一直不見,要命阿


學號 1035445036

(1)作業網址:http://mepopedia.com/~css104-2c/hw08/hw08-1035445201
(2)製作心得: 爽~放暑假
學號 1035445201