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

Advanced

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

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


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

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

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

並請回覆:

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

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

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

[hr]

3. 2015/5/28上課影音


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




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

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445153/
(2)製作心得: 不知不覺就做出來了 第二個才看得到燈箱效果
1025445153 廖敏君

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445174
(2)製作心得:很難
學號
1025445174黃琪雅

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445072
(2)製作心得:啊~有點小困難
學號
1025445072 王人永



Edited 1 time(s). Last edit at 06/04/2015 01:13AM by 1025445072.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445144
(2)製作心得:很不EASY阿
學號
1025445144 李欣翰

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445015
(2)製作心得: 複雜,遇到很多問題,不夠熟悉。

1025445015 陳曉琪

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445147
(2)製作心得:說實在的,還是有部分語法不是搞得很清楚
1025445147 張郁

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445069
(2)製作心得: 剛開始完全看不懂 但後來做出來很開心
1025445069 古珮儒

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445090/
(2)製作心得: 有點難,複雜,語法問題不熟也有點不清楚

1025445090

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445060
(2)製作心得:有點難,一開始弄搞不清楚哪個是哪個的語法

1025445060 黃淯婷

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445126
(2)製作心得:有點複雜



1025445126 宋映萱

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

(2)製作心得:一直亂掉 有點複雜 困難

學號1025445192 黃婷萱



Edited 1 time(s). Last edit at 06/09/2015 10:12PM by 黃婷萱.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445162
(2)製作心得: 超難
1025445162 陸怡潔

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445006
(2)製作心得:還好,不過有些地方搞不懂
1025445006鄭喬薰

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445111
(2)製作心得:蠻複雜的..

1025445111 莊于萱

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445039/
(2)製作心得: 我的燈箱效果做在最後一個人物
1025445039 何佳霖

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445009
(2)製作心得: 真的比之前複雜蠻多的
1025445009 蔡宜庭

1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445180
(2)製作心得:這次的有點複雜 spinning smiley sticking its tongue out



1025445180 謝芷寧



Edited 1 time(s). Last edit at 06/10/2015 10:17PM by 謝芷寧.
(編輯記錄)

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

(2)製作心得: 比前兩次的還要難,語法位子搞混


1025445018 陳怡融

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

(2)製作心得: 說真的 花蠻多時間的 但是圖在動 真的很有趣




1025445117


黃振誠

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445132
(2)製作心得: 有點複雜 有點難

1025445132 羅雅嫚

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445123
(2)製作心得:有點複雜
學號
1025445123 姚育慈

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445108
(2)製作心得:有點複雜,做不出想要的效果
1025445108 張惟婷

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

(2)製作心得:覺得很複雜 有些語法不太懂要放在哪

1025445102 邱筱惠

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445141
(2)製作心得:恩 需要花時間
學號
1025445141 王心仁

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445054/
(2)製作心得: 喔 研究很久
1025445054 許雅筑

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

(2)製作心得: 難.....

1025445063 洪筠真

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445075
(2)製作心得:啊~有點小困難
學號 1025445075

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

(2)製作心得: 好難

1025445096 徐琬凌

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445198
(2)製作心得:看著自己做的網頁,總是有微微的成就感浮現在心中。
學號
1025445198 謝秉宇

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445033
(2)製作心得: 複雜,遇到很多問題,不夠熟悉。

1025445033 林子軒

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

(2)製作心得:難

1025445156 蔡佳芬

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445177
(2)製作心得:還好有人教我 不然不會 會亂掉 很複雜

1025445177 吳永婷

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445024
(2)製作心得:真的挺難的 一開始看老師上課講義看不太懂但後來自己上網慢慢找在看老師的講義後終於做出來了
1025445024 吳秉叡

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445078
(2)製作心得: 有趣

1025445078 黃歆媛