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

Advanced

[作業06] jQuery動態網頁初探

[作業06] jQuery動態網頁初探

1. jQuery動態網頁初探作業說明


請參考
[講義] jQuery講義
http://mepopedia.com/forum/read.php?1497,45619



jQuery動態網頁初探作業說明
http://youtu.be/ScKyR0mrh1s





1. 作業步驟

1.修改期中作業檔案,使#main產生fadein效果
2.學習重點
<head> <!--jQuery 語法--> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $(function() { $( "#main" ).hide(); $( "#main" ).fadeIn(2000); }); </script> </head> 3.將資料夾命名為 hw06-學號,以FTP上傳至hw06資料夾
作業網址為http://mepopedia.com/~web102-a/hw06/hw06-1015445XXX

並請回覆:

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



請於規定時間準時繳交作業,逾期不後。





Edited 2 time(s). Last edit at 05/04/2014 10:47PM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445212/index.html
(2)製作心得:運用上次的作業然後再加漸漸浮現的圖片還蠻好玩的 只要記得位置名稱就好

1015445212

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445219/index.html
(2)製作心得:好好玩喔~~~thumbs up

1015445219

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445269/index.html
(2)製作心得:學了這個語法,以後還可以利用這做變化,讓單調的網頁多了一點趣味。

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445252/index.html
(2)製作心得:運用簡單的與法就可以做出特效,感覺自己好厲害哈哈。
1015445252

1005445160 - 王思博

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1005445160/index.html
(2)製作心得:我的網頁現在活靈活現的,真是不可思議,希望還可以學習更多~

作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445254/index.html
製作心得: 會動的網頁果然很吸引人!! 好酷噢再多教些給我們學^^

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445225/index.html
(2)製作心得: 還蠻屌的!!!! 但還是會努力~
學號 1015445225

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445243/
(2)製作心得:終於學到jQuery惹~~~反正我玩起特效來還是那ˋ麼噁心

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445218

(2)製作心得:
學到了新東西很開心 ^ _ ^
希望還可以學到更多哦!

1015445218

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445215/index.html
(2)製作心得: 第一次學習到這種語法感覺很不錯,讓網頁有動態的感覺不會死板板的。

1015445215

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445221/index.html
(2)製作心得: 有動畫效果讓網頁有互動,蠻有趣
學號 1015445221

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445240/index.html
(2)製作心得:學到新語法,效果很好。

1015445240



Edited 2 time(s). Last edit at 05/06/2014 10:05PM by 1015445240.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445202/index.html
(2)製作心得:多一些小變化讓網頁設計更增添了層次感

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445226/index.html
(2)製作心得:多學了個新語法真好

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445203/index.html
(2)製作心得:學到了讓網頁有著淡入的效果,感覺層次更進一步了 smiling smiley
1015445203

作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445271


(2)製作心得:
做網頁好玩,
慢慢摸索,
慢慢了解.
謝謝老師~

1015445271

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445214/index.html
(2)製作心得: 蠻有新鮮感的~感覺讓網頁多添了質感
學號 1015445214



Edited 2 time(s). Last edit at 06/17/2014 03:20PM by JIA JUN.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445241
(2)製作心得: 好酷
學號 1015445241

1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445234/index.html
(2)製作心得:套用上去比較動態的感覺,蠻有趣的

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445228
(2)製作心得: 喔耶
學號 1015445228



Edited 1 time(s). Last edit at 06/18/2014 01:54AM by LI-WAN-YU.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445208
(2)製作心得:讓照片漸漸浮現的方式蠻好玩的,能讓網頁整體感覺更好了

1015445208

(1)作業網址: http://mepopedia.com/~web102-c/hw06/hw06-1015445207
(2)製作心得: 網頁簡單的語法~但喜歡這種效果W
1015445207



Edited 3 time(s). Last edit at 06/18/2014 01:56AM by FF.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445248/index.html
(2)製作心得:好新奇哦讓網頁更不一樣了

1015445248

(1)作業網址:http://mepopedia.com/~web102-c/midterm/midterm-1015445236/
(2)製作心得:用簡單計方式讓網頁變易學

1015445236

(1)作業網址:http://mepopedia.com/~web102-c/midterm/midterm-1015445229
(2)製作心得:不用自己想語法 過程上沒有很困難做出來的效果卻很棒

1015445229



Edited 4 time(s). Last edit at 06/22/2014 06:14PM by 1115445229.
(編輯記錄)