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-2a/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


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

(2)製作心得: 我只做出一個能跳出來,其他我都用不出來
學號 1025445205



Edited 2 time(s). Last edit at 05/31/2015 09:28PM by 衛生綿.
(編輯記錄)

http://mepopedia.com/~web103-2a/hw08/hw08-1025445214/Untitled-1.html

1.製作心得:好難

1025445214



Edited 1 time(s). Last edit at 06/11/2015 10:15AM by Grape.
(編輯記錄)

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445064/index.html
製作心得: 燈箱弄出來了~~~~
學號 1025445064

6/29以更新燈箱跳不出來部分



Edited 2 time(s). Last edit at 06/29/2015 07:30PM by 枯葉.
(編輯記錄)

6/29已更新燈箱跳不出來部分

(1)作業網址: [url=http://mepopedia.com/~web103-2a/hw08/hw08-1025445133]http://mepopedia.com/~web103-2a/hw08/hw08-1025445133[/url]

(2)製作心得:很容易會少打一行,導致無法出現應有的效果


1025445133

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

(2)製作心得:精神異常下的產物


1025445136

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

(2)製作心得:跳窗底圖以為是語法沒想到是圖,讓我很錯愕.......

1025445073

(1)作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445070/
(2)製作心得:調整物件位子和語法花了一點時間,不過大致上沒什麼問題。
網頁多了會動的物件,有種網頁質感又提升了一個等級的感覺(?)

1025445070

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445043

製作心得: 期末加油~~~~壓~~~,感覺網頁越來越有互動感

1025445043



Edited 1 time(s). Last edit at 06/08/2015 05:20PM by 1025445043.
(編輯記錄)

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445151

製作心得: 背景弄不出來所以只好白底

1025445151

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

(2)製作心得:好難

1025445091

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445097/step5.html

(2)製作心得:覺得語法複雜有點難

視傳二A1025445097陳慶芳



Edited 1 time(s). Last edit at 06/11/2015 10:14AM by 1025445097.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025443064/
(2)製作心得: 搞了好久!!!
學號1025443064

(1)作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445109
(2)製作心得:語法複雜,作業一次比一次困難,連看教學影片都不懂了,做了很多次還是失敗
學號 1025445109



Edited 1 time(s). Last edit at 06/08/2015 11:49PM by Jia_Ling.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025461052
(2)製作心得:比上次還難許多但是網頁整體很有質感
學號 1025461052

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

(2)製作心得:製作網頁越來越有趣 希望能學到更多東西


1025461015

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

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445112
(2)製作心得: 很難~~有點搞混,腦袋打結了
學號 :1025445112

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

(2)製作心得: 覺得有點難,弄很久
學號 1025445169

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

(2)製作心得:小麻煩

視傳二A1025445190

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445076/step5.html
(2)製作心得: 比前面的都難
學號 1025445076



Edited 1 time(s). Last edit at 06/11/2015 10:11AM by ㄩㄩ.
(編輯記錄)

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

(2)製作心得:快死掉了

1025445085

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445211
(2)製作心得:好久
學號 1025445211

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445175
(2)製作心得: 做了一整晚 好累好想睡...
學號 1025445175

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445079 (畫面縮到67%...圖片比較剛好=_=)
(2)製作心得: 移動的東西搞很久顆顆


學號 1025445079



Edited 1 time(s). Last edit at 06/10/2015 06:04PM by iamve.
(編輯記錄)

[size=small]作業網址 :

http://mepopedia.com/~web103-2a/hw08/hw08-1025445178/

作業心得:

因為忘記座標位置及燈箱(小游標會浮動),所以問同學問了有點時間
作業完成時間為1Hr30分鐘,在家其實看很多次影片可是搞不懂為甚麼轉存png結果沒東西跑出來
結果發現是圖片跑出框外了==

做完感覺很不錯 (y) 謝謝好室友 spinning smiley sticking its tongue out [/size]
[size=small]
by:寧[/size]

作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445115

製作心得: ......難


1025445115

(1)作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445046
(2)製作心得:跟其他同學遇到的問題一樣,只能做出一個,不過能一一按造步驟做出來,已覺得心滿意足~

1025445046

作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445067
製作心得: 慘敗
學號 1025445067

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445130
(2)製作心得:在第二頁,有連結網頁
學號 1025445130

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

(2)製作心得: 燈箱是最後一個。
總是忘了貼一段語法,導致效果跑不出來,我要仔細看語法阿。

1025445040



Edited 2 time(s). Last edit at 06/11/2015 12:06AM by MoMi.
(編輯記錄)

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445082
製作心得:還是習慣html跟css隔開寫,加在一起很容易搞混
學號 1025445082

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

(2)製作心得: 我覺得語法一個錯就全錯 很煩
1025445106

[size=small]
http://mepopedia.com/~web103-2a/hw08/hw08-1025445001
燈箱在關於那窩[/size]

製作心得:
[color=#FF0000][size=x-large]語法大崩潰[/size][/color]
[size=small]在密密麻麻中尋找哪裡打錯...(眼神死
但是又學到了好玩的東西還不錯(笑
而且整體感覺又提升等級了,棒棒窩( ゚∀゚)
1025445001[/size]



Edited 5 time(s). Last edit at 06/11/2015 01:08AM by royu.
(編輯記錄)

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445025/

製作心得: 期末作業多 好累

1025445025

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445172/home.html
製作心得: 浮動效果很好玩
學號 1025445172

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445199

製作心得: 做完覺得非常的有成就感,看到小圖在動覺得可愛很感動

1025445199

(1)作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445049/
(2)製作心得: 覺得有點難顆顆,不過弄出來之後很開心哈哈

學號1025443049

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

(2)製作心得:無敵難


1025445202

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

(2)製作心得: 網頁怎麼難成這樣【手動再見】 燈箱跑不出來就 放生啦液液液液液

學號 1025445223

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

(2)製作心得: 燈箱拜,按鈕都跑出來了就是燈箱出不來ㄏㄏ…我放棄了orz
學號 1025445139

並請回覆:

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

(2)製作心得: 很複雜很難

1025445148

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

(1)網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445160
(2)心得:好難喔
1025445160

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

(2)製作心得: 我的燈箱叉叉不見了 還有不會上下飄動捏~0..0

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445010/step5.html
(2)製作心得: 快速完成
1025445010

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445052/2222222222.html

(2)製作心得:語法複雜

1025445052

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445163/HOME.html

(2)製作心得:困難 搞混

1025445163

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

(2)製作心得: 差點就掛科了.....
學號 1025445217

(1)作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445100
(2)製作心得:原本想多作幾個燈箱,可是試都不成功,背景也弄不出來,非常令人煩惱
學號 1025445100

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

(2)製作心得:難中難
學號 1025445103

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

(2)製作心得: 有點複雜

學號1025445187

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445010/step5.html
(2)製作心得: 燈箱效果很複雜有點難做出來
學號 1025445010

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445127/step5.html
(2)製作心得: 燈箱效果不太熟練
1025445127

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

(2)製作心得: 又是不好的東西

1025445115

作業網址:http://mepopedia.com/~web103-2a/hw08/hw08-1025445196/step5.html
製作心得:用了有點久
1025445196

(1)作業網址: http://mepopedia.com/~web103-2a/hw08/hw08-1025445037
(2)製作心得:很難 最後還是不會動..
學號 1025445037



Edited 2 time(s). Last edit at 07/03/2015 01:10AM by 1025445037.
(編輯記錄)