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

Advanced

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

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


請參考

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

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



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

3.將資料夾命名為 hw0-7學號,以FTP上傳至hw07資料夾
作業網址為http://mepopedia.com/~css105-2a/hw07/hw07-1045445XXX

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445XXX
(2)製作心得:
學號



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



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-2a/hw08/hw08-1035445073/
http://mepopedia.com/~css104-2b/hw08/hw08-1035445209/
http://mepopedia.com/~css104-2b/hw08/hw08-1035445218/
http://mepopedia.com/~css104-2b/hw08/hw08-1035445191/
http://mepopedia.com/~css104-2c/hw08/ex/0519BPL




3. 2015/5/28上課影音


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




Edited 1 time(s). Last edit at 05/01/2017 03:20PM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445088
(2)製作心得: 語法混亂
學號 1045445088

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445178
(2)製作心得:不會很難,圖片貼一貼就完成ㄌ~
學號1045445178

1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445007/
(2)製作心得:摸索了一夏,有些還不懂但還是順利完成
學號 1045445007

1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445034/
(2)製作心得:剛開始覺得挖靠有點做不起來 ,後來發現是自己白癡沒有用對語法......最後成功了很開心
學號 1045445034

1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445004
(2)製作心得:因為是複製已經寫好的語法更容易了,看得懂語法也更容易修改了~
學號 1045445004

作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445085/
有標題跑到邊緣 不知道怎麼調回來confused smiley
學號:1045445085



Edited 1 time(s). Last edit at 06/21/2017 03:36AM by 1045445085.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445022

(2)製作心得: 圖片的位置忘了怎麼去調整
eye rolling smiley

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445169
(2)製作心得: 語法跟製作時都沒有什麼大問題 反而是圖片去背有問題哈哈...((點陣鋸齒有夠醜 XD
學號 1045445169

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445151
(2)製作心得: 覺得語法開始有點錯亂...>< 不過還是完成了~~!!
學號 1045445151

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445028
(2)製作心得:不錯,過程還蠻順利的~喔耶 謝謝老師!!
學號 1045445028

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445031
(2)製作心得: 其實照片丟一丟、調一調就差不多了,蠻有趣的!
1045445031

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445073
(2)製作心得: 換照片方面都沒什麼問題,只是在微調的時候要特別去找要在哪個地方改。
學號 1045445073

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445100
(2)製作心得:了解語法架構後做起來還可以,但是做到又累又餓......
學號 1045445100

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445166
(2)製作心得: 感覺網頁的語法越來越複雜了,不過還蠻好玩的
1045445166

1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445016
(2)製作心得:比想像中的難eye popping smileyeye popping smileyeye popping smiley
學號 1045445016

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445013
(2)製作心得: 浮動圖片點進去找不到 X 在哪,還有浮動巴斯點進去的圖片也找不到在哪,覺得難 confused smiley
學號 1045445013

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445157
(2)製作心得: 我把東西隱藏起來後就不知道從哪打開了www跟之前的比起來真的滿難的,對位的時候超不知所措,東西各種大走針
學號 1045445157

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445094
(2)製作心得: 這次好難...以後要乖乖來上課,對這次的作業做的不滿意sad smileysad smileysad smileysad smiley
學號 1045445094

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445142/
(2)製作心得:語法很多一開始會有點看不懂,但越做就越了解了
學號 1045445142



Edited 1 time(s). Last edit at 06/07/2017 01:37AM by 張志源.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445043
(2)製作心得: 彈跳視窗那邊照片大小有點難調整到適當的大小哈哈其他的都還滿簡單的~~~smiling bouncing smiley
學號 1045445043

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445058
(2)製作心得:中間製作物件小物件的時候有點小複雜,不過研究過後其實滿簡單的。
學號 1045445058

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445067
(2)製作心得: 還好我有認真上課,不然這次作業這麼難,完成的那一刻真開心啊~~
學號 1045445067

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445175
(2)製作心得: 這次的比較難,有點複雜,但是做完很開心。
學號 :1045445175

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445136
(2)製作心得:
對於網頁的一些效果更了解原理,影片的部分,沒辦法修改。
學號 :1045445136

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445187
(2)製作心得: 看著做 超棒的smileys with beer 很難
學號1045445187

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445154
(2)製作心得:如果是複製語法是簡單啦.....但是因為我多做了一個燈箱,所以多的那一個好像失敗了,跑位加沒有內容出來。明明該複製的語法都有複製啊sad smiley 老師救命QAQ

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445148
(2)製作心得: 有點難難的
學號 1045445148

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445181
(2)製作心得:作業7做超久,超累的。不過還是完成了呵呵。
學號 1045445181

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445109
(2)製作心得:
雖然是照著做,不過不知道是不是完全正確呢...不過還是順利完成了,感覺還行。
學號 :1045445109

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445124
(2)製作心得:真的有點困難...但還是做完嘞 有成就感
學號 1045445124

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445106
(2)製作心得: 需要非常專心才能稍微看懂
學號 1045445106



Edited 1 time(s). Last edit at 06/14/2017 06:06PM by 1045445106.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445082
(2)製作心得:語法較複雜,研究一下就可以瞭解熟悉了
學號 1045445082

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445196
(2)製作心得:不會特別複雜 只是調整圖片的時候需要試好多次

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445061
(2)製作心得:很開心可以製作完成。

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445202/
(2)製作心得: 動態效果蠻複雜的~
學號 1045445202

1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445118
(2)製作心得:慢慢開始做起來了呢
學號 1045445118

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445160
(2)製作心得:還好有做出來
學號1045445160

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445199

(2)製作心得: 不知道怎麼把換頁的黑點去除

1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445130
(2)製作心得: 成功YA
學號 1045445130

(1)作業網址:http://mepopedia.com/~css105-2a/hw07/hw07-1045445218
(2)製作心得: 蠻困難的,會繼續努力
學號 1045445218

(1)作業網址: http://mepopedia.com/~css105-2a/hw07/hw07-1045445103
(2)製作心得:跳窗動畫那部份好難。