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

Advanced

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

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

1. jQuery動態網頁初探講義


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




2. jQuery動態網頁初探作業說明影音


http://youtu.be/ScKyR0mrh1s





3. 作業步驟

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/~css104-2a/hw06/hw06-1035445XXX

並請回覆:

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



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



(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445070
(2)製作心得: 蠻酷的 套個語法就可以讓圖片有效果
學號 1035445070 戰安榮



Edited 3 time(s). Last edit at 05/17/2016 02:59PM by 1035445070.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445145


(2)製作心得:
很簡單只要套語法,這個小特效讓畫面更好看



Edited 2 time(s). Last edit at 06/13/2016 07:20PM by 張子芸.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1045245002/

(2)製作心得:
真的比我想象中的要簡單多了XDD 這種小效果蠻好玩的,相信之後學的更難的語法可以讓我的網站變得更生動。

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445115
(2)製作心得: 簡單套用語法WWW
學號:1035445115

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1045245001/

(2)製作心得:
很有趣生動,期待有不同的效果.

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445157/

(2)製作心得:
覺得jQuery很酷。

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445214
(2)製作心得: ...╮(╯v╰)╭



Edited 2 time(s). Last edit at 05/09/2016 06:13PM by su su.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445211
(2)製作心得:簡單, 語法感覺很厲害,複製過去就可以
學號:1035445211



Edited 1 time(s). Last edit at 05/09/2016 07:13PM by 1035445211.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445088
(2)製作心得: 這是一個很有趣的效果 ~~
學號:1035445088

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445037
(2)製作心得: 有趣
學號:1035445037

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445178
(2)製作心得:覺得很特別
學號:1035445178

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445097

(2)製作心得: 簡單有效

學號 1035445097

(1)作業網址:http://mepopedia.com/~css104-2a/hw06/hw06-1035445103/
(2)製作心得: 很有趣

學號 1035445103

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445055/
(2)製作心得:覺得學習到一個很實用的特效



學號 1035445055

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445184
(2)製作心得:呈現效果很完整
學號 1035445184

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445148/index.html
(2)製作心得:用簡單的語法就可以做出更好的視覺效果
學號 1035445148

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445073
(2)製作心得: 覺得很酷!!
學號 1035445073

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445217
(2)製作心得:加入動態的畫面看起來比較有趣
學號 1035445217

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445127
(2)製作心得: 蠻酷的
學號:1035445127

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445124

(2)製作心得: 覺得簡單

學號 1035445124

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445228

(2)製作心得:蠻酷的,而且做起來很輕鬆

學號 1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445199
(2)製作心得: 做很快 很開心
學號 1035445199

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445067

(2)製作心得:效果棒,好製作

1035445067

(1)作業網址:http://mepopedia.com/~css104-2a/hw06/hw06-1035445094

(2)製作心得: 很有趣

學號 1035445094

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445031/
(2)製作心得: 希望能越做越好˙ˇ˙

學號:1035445031

(1)作業網址:http://mepopedia.com/~css104-2a/hw06/hw06-1035445121

(2)製作心得:有趣

學號 :1035445121

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445169

(2)製作心得: 只是加個語法就有奇妙的變化~~~~而且超快就做完了哈哈哈

學號 1035445169

1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445130

(2)製作心得: 快速!
學號 1035445130

1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445187

(2)製作心得:小語法大改造 好酷
學號 1035445187

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445001/index1.html
(2)製作心得: 比較簡單
學號 1035445001



Edited 1 time(s). Last edit at 06/11/2016 04:19AM by Togenick.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1045245205/

(2)製作心得:
沒想到簡單的小語法,就讓網頁更活潑了smiling smiley

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445193/

(2)製作心得:
很酷~~



Edited 1 time(s). Last edit at 06/13/2016 03:59PM by 1035445193.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw06/hw06-1035443110/
(2)製作心得:很好玩 套個語法就有不同的效果
學號:1035443110

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445208


(2)製作心得:
很會 很會

1035445208

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445094


(2)製作心得:
OK,覺得不會太難

1035445094

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445025/

(2)製作心得: Ctr+ C Crtl+V打完收工

(1)作業網址: http://mepopedia.com/~css104-2a/hw06/hw06-1035445082/
(2)製作心得: 套一個語法就可以讓圖片有效果 覺得非常神奇!
學號 1035445082 甄宥如



Edited 1 time(s). Last edit at 06/13/2016 11:51PM by 1035445082.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445172


(2)製作心得: 只是加個小特效,就讓畫面變得很有趣,覺得好玩

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445151/

(2)製作心得:

好玩 會動 好酷



Edited 1 time(s). Last edit at 06/14/2016 02:22PM by Gochen.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1035445010


(2)製作心得:
沒想到一個小語法可以改變很多細節!!!



學號:1035445010