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-2b/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-2b/hw08/hw08-1035445209
(2)製作心得: 變得有點複雜了,但還是有了解

1035445209

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445152
(2)製作心得: 好麻煩...覺得期末作業會做得更累=''=

1035445152

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445104
(2)製作心得: 語法變得越來越複雜了,絕對定位的部分調了很久。

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445206
(2)製作心得: 變得複雜了

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445131
(2)製作心得: 變得很複雜,調整距離最花時間,可是做完很有成就感。

學號:1035445131

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035461133
(2)製作心得:越來越難懂了,用了很久才完成。


學號 1035461133

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445200
(2)製作心得:語法變得很複雜,花了很長的時間才完成 sad smiley



Edited 2 time(s). Last edit at 05/29/2016 03:24PM by 1035445200.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445218
(2)製作心得: 好難 眼睛花了

1035445218 柯惠文

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445017
(2)製作心得: 做起來好複雜,心也好累

學號:1035445017

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445194/
(2)製作心得: 一開始有點混亂,但是弄清楚位置之後就還好。
學號 1035445194

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445002
(2)製作心得:做到眼花撩亂了!
學號 1035445002

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445113
(2)製作心得:
燈箱片裡的圖片有辦法置中嗎? 如果字太多可能會砍到畫面,有辦法設高度嗎?

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

(2)製作心得: 語法變複雜了,一步弄錯就步步錯,所以要變得很仔細看。

1035445158

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445191
(2)製作心得: 調整距離最花時間,很多細項要加加減減,但比起之前做過的網頁,又更完整了些
      只是看語法真的會看到眼花  

1035445191 翁瑱真

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445059
(2)製作心得: 很難耶,WWE!!

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445041
(2)製作心得: 蠻喜歡的

1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445086
(2)製作心得:變難了


學號 1035445086

(1)作業網址: [url=http://mepopedia.com/~css104-2b/hw08/hw08-1035445176/]http://mepopedia.com/~css104-2b/hw08/hw08-1035445176/[/url]
(2)製作心得: 蠻喜歡的

學號:1035445176

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445053
(2)製作心得: 變難了,但也讓網站跟清楚不會那麼簡單了

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445149
(2)製作心得: 好難

http://mepopedia.com/~css104-2b/hw08/hw08-1025445118/

好累

1025445118

http://mepopedia.com/~css104-2b/hw08/hw08-1035445155
感覺更難但是也更有趣了

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445137
(2)製作心得: 一開始摸不著頭腦,不知道怎麼做,做完發現蠻有趣的

1035445137 周李銘

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445068
(2)製作心得: 很難,做了很久
不知道要怎麼把框框置中,文字可以移到右邊嗎?

1035445068

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445029
(2)製作心得: 覺得很複雜 很難

1035445029

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445071
(2)製作心得:圖片會跳動的效果很可愛、很有趣

學號 1035445071

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1025445234/
(2)製作心得:
學號 1025445234

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445170
(2)製作心得:燈箱好難Q_Q 用了好久

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445080
(2)製作心得:根本不知道該怎麼做...
學號 1035445080

(1)作業網址 :http://mepopedia.com/~css104-2b/hw08/hw08-1035445032
(2)製作心得 : 看起來簡單,做起來不簡單,每次做完都會有成就感。

1035445032

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445134/
(2)製作心得:燈箱比較複雜,需要耐心~

1035445134 廖瑋琦

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445014
(2)製作心得: 變得有點複雜了,但還是有了解

1035445014

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445185
(2)製作心得: 覺得好難,腦袋快炸了


學號 1035445185

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445179
(2)製作心得:燈箱做法比較複雜,不好做。

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445023/
(2)製作心得: 在調整位置的時候,覺得F12的功能好好用

(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445011
(2)製作心得: 語法變得好多~ 看到眼睛好痠阿~

學號1035445011

(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445005
(2)製作心得: 後面有點複雜,圖會跑掉,調不太好,用很久才完成....