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

Advanced

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

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
  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/~web103-2c/hw06/hw06-1025445XXX 。

並請回覆：

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

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

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445072/
製作心得:好簡單~~~

1025445072 王人永

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445069/
製作心得:好簡單~~~

1025445069 古珮儒

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445051/
製作心得:成果呈現時嚇到 好酷
時

1025445051 林芳伃

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445141/
製作心得:好簡單~~~

1025445141 王心仁

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址 : http://mepopedia.com/~web103-2c/hw06/hw06-1025445036
(2)製作心得 : 簡單

1025445036 李易達



Edited 1 time(s). Last edit at 05/16/2015 03:47PM by 李易達.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445018/
製作心得: 很簡單smiling smileysmiling smileysmiling smiley

1025445018 陳怡融

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2c/hw06/hw06-1025445090/
(2)製作心得： 很簡單

1025445090 鍾婷玟

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445153/
製作心得:這是簡單開始

1025445153 廖敏君

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2c/hw06/hw06-1025445015
(2)製作心得： 簡單就能做出漸變效果

1025445015陳曉琪

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445060/
製作心得:很簡單

1025445060 黃淯婷

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445048/
製作心得:算簡單

1025445048 林侑慶

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445144/
製作心得:水喔 超快做完

1025445144李欣翰

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445123
製作心得:又學到了一個技巧。

1025445123姚育慈

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445111
製作心得:多學到一個技巧

1025445111 莊于萱

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445009
製作心得:真的是史上最簡單

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445180/
製作心得:很簡單～

1025445060 謝芷寧

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445180
製作心得: 很簡單

1025445180 謝芷寧

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445102
製作心得: 很簡單可以有變化

1025445102 邱筱惠

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計  103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445054/
製作心得: oh 簡單

1025445054 許雅筑

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445147
製作心得:遇到一點小麻煩，不過解決了

1025445147 張郁

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445162/
製作心得: 簡單

1025445162 陸怡潔

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2c/hw06/hw06-1025445126
(2)製作心得：有點小問題
學號 1025445126

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址為http://mepopedia.com/~web103-2c/hw06/hw06-1025445129

製作心得： 上傳比較有問題

1025445129 王嬿婷

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445108

製作心得:簡單~

1025445108 張惟婷

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計  103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445087/
製作心得:有做,但出不來

1025445087

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445135/
製作心得:很 簡單

1025445135 李品萱

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445030
製作心得:簡單

1025445030 王泰然

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445045/
製作心得：簡單

1025445045 饒文欣



Edited 1 time(s). Last edit at 06/08/2015 04:16PM by wen sin.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2c/hw06/hw06-1025445063
(2)製作心得： 還可以


洪筠真 1025445063

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445039/
製作心得:蠻簡單的

1025445039何佳霖

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計  1025445192  黃婷萱
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445192/

製作心得 : 簡單

1025445192 黃婷萱

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445006/
製作心得: 不難~

1025445006 鄭喬薰

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址: http://mepopedia.com/~web103-2c/hw06/hw06-1025445117/
製作心得: 恩恩~

1025445117 黃振誠

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445120/
製作心得:很簡單

1025445120

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445132
製作心得:不同的感覺~

1025445132 羅雅嫚

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2c/hw06/hw06-1025445138/
(2)製作心得：簡易的小技巧
學號 1025445138 梁奕堯



Edited 1 time(s). Last edit at 06/11/2015 08:41PM by 邊緣人.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445198/
製作心得:沒想到只是加了一小段JAVA的語法 就能產生如此的效果 真有趣
1025445198 謝秉宇

推薦 / 評論　 分享到Facebook     回應文章 Quote
粉碎銀河的最強之男 [ 站內寄信 / PM ]
Re: [作業06] jQuery 動態網頁初探-fadein

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2c/midterm/midterm-1025445033
(2)網站主題：Five nigts at Freddy's
(3)導覽列： Home、About us、Societies、Mission trip、Links
(2)對象： FNAF 粉絲
(3)色彩計畫： 灰暗色調
(4)風格設定、預期成效：製造出可以達到吸引恐怖遊戲愛好者
(5)製作心得：眼睛很酸

1025445033 林子軒

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2c/hw06/hw06-1025445156/
(2)製作心得：簡單

1025445156 蔡佳芬

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2c/hw06/hw06-1025445096/
(2)製作心得：很酷 ／ 1025445096 徐琬凌



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

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2c/hw06/hw06-1025445177

(2)製作心得：容易


1025445177 吳永婷



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

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445024/
製作心得:恩 好快

1025445024 吳秉叡

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445078
製作心得:好簡單~~~

1025445078 黃歆媛

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445042/
製作心得:好簡單~~~

1025445042 逄堡鈞

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445183/
製作心得:容易

1025445183 陳姿璇

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

分類標籤: 103-2《中國》竹視傳二C-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2c/hw06/hw06-1025445099/
(2)製作心得： 利用其中作業做修改 套上語法很快就能完成
學號 ： 1025445099 陳盛倫

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