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

Advanced

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

104-2《中國》竹視傳二A-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
  1. 1. jQuery動態網頁初探講義
  2. 2. jQuery動態網頁初探作業說明影音
  3. 3. 作業步驟

1. jQuery動態網頁初探講義


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


[hr]

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


http://youtu.be/ScKyR0mrh1s



[hr]

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)製作心得：
學號

[hr]
請於規定時間準時繳交作業，逾期不後。
[hr]

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445070 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
張子芸 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445145


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



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045245002 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1045245002/

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
kelly270 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445115
(2)製作心得： 簡單套用語法WWW
學號：1035445115

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045245001 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1045245001/

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445157 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445157/

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445142 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445142
(2)製作心得： 狂

推薦 / 評論　 分享到Facebook     回應文章 Quote
yashen [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445166
(2)製作心得： 酷

推薦 / 評論　 分享到Facebook     回應文章 Quote
su su [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445211 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445088 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445088
(2)製作心得： 這是一個很有趣的效果 ~~
學號：1035445088

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445037 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445037
(2)製作心得： 有趣
學號：1035445037

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445178 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445178
(2)製作心得：覺得很特別
學號：1035445178

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445097 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445097

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

學號 1035445097

推薦 / 評論　 分享到Facebook     回應文章 Quote
林于珊 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~css104-2a/hw06/hw06-1035445103/
(2)製作心得： 很有趣

學號 1035445103

推薦 / 評論　 分享到Facebook     回應文章 Quote
吳孫儀 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445055/
(2)製作心得：覺得學習到一個很實用的特效



學號 1035445055

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445184 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445184
(2)製作心得：呈現效果很完整
學號 1035445184

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445079 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
作業網址為http://mepopedia.com/~css104-2a/hw06/hw06-1035445079

(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445079
(2)製作心得： 恩恩
學號 1035445079 羅苡嘉

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445148 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445148  曾威郡
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445148/index.html
(2)製作心得：用簡單的語法就可以做出更好的視覺效果
學號 1035445148

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445073 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445073
(2)製作心得： 覺得很酷!!
學號 1035445073

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445217 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445217
(2)製作心得：加入動態的畫面看起來比較有趣
學號 1035445217

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445127 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445127
(2)製作心得： 蠻酷的
學號：1035445127

推薦 / 評論　 分享到Facebook     回應文章 Quote
zoey [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445124

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

學號 1035445124

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445228 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445228

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

學號 1035445228

推薦 / 評論　 分享到Facebook     回應文章 Quote
isxdyj [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445199
(2)製作心得： 做很快 很開心
學號 1035445199

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445067 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445067

(2)製作心得：效果棒，好製作

1035445067

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445094 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~css104-2a/hw06/hw06-1035445094

(2)製作心得： 很有趣

學號 1035445094

推薦 / 評論　 分享到Facebook     回應文章 Quote
janice tsai [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445031/
(2)製作心得： 希望能越做越好˙ˇ˙

學號：1035445031

推薦 / 評論　 分享到Facebook     回應文章 Quote
xxxceline [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~css104-2a/hw06/hw06-1035445121

(2)製作心得：有趣

學號 ：1035445121

推薦 / 評論　 分享到Facebook     回應文章 Quote
jian1110 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445169

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

學號 1035445169

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445130 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445130

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
沅蓁 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1)作業網址： http://mepopedia.com/~css104-2a/hw06/hw06-1035445187

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
Togenick [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445205 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1045245205/

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445193 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445193/

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



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035443110 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~css104-2a/hw06/hw06-1035443110/
(2)製作心得：很好玩 套個語法就有不同的效果
學號：1035443110

推薦 / 評論　 分享到Facebook     回應文章 Quote
拔剌幹 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445208


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

1035445208

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445094 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445094


(2)製作心得：
OK，覺得不會太難

1035445094

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445025 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445025/

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445082 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445082
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
邱薏娟 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445172


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

推薦 / 評論　 分享到Facebook     回應文章 Quote
Gochen [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445151/

(2)製作心得：

好玩 會動 好酷



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
childlike0401 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探-fadein

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~css104-2a/hw06/hw06-1035445010


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



學號:1035445010

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic