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

Advanced

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

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

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

並請回覆：

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

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



Edited 1 time(s). Last edit at 05/12/2015 10:28PM by JinJin.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445005
(2)製作心得： 發現在main裡面的字要做延緩淡入時，不必使用.delay()，因為main的框架會跑掉，所以直接拉長.fadeIn()中的時間即可!
學號 1025445005



Edited 2 time(s). Last edit at 05/13/2015 05:24PM by rosezheng.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計  1025445197
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445197
(2)製作心得： 覺得做出淡入的效果就為網站加分許多，也豐富了我的網頁
學號 1025445197

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445170/
(2)製作心得： 初探是比較簡單,所以難度還好
學號 1025445170

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2b/hw06/hw06-1025445167
(2)製作心得：這筆作業5簡單多了!!!

學號 1025445167



Edited 1 time(s). Last edit at 05/14/2015 12:11AM by 1025445167.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445020/
(2)製作心得：蠻簡單的~~但在main中的圖跟文字例外讓淡入淡出,摸索了一段時間
學號 1025445020

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445044
(2)製作心得： 比想像中來的簡單XD 會不會是作業05太難了呢XD 現在做06覺得很輕鬆
學號 1025445044

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445062
(2)製作心得：跟作業5比起來這是天堂
學號 1025445062



Edited 1 time(s). Last edit at 05/14/2015 06:36PM by julie1025445062.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445131
(2)製作心得： 還算可以不會太難
學號 1025445131

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

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

(2)製作心得： 因為是初探,蠻容易上手的。

學號 1025445071



Edited 1 time(s). Last edit at 05/16/2015 11:19AM by 1025445071.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445065
(2)製作心得： 簡單好做又可以學到新東西smileys with beer
學號 1025445065

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2b/hw06/hw06-1025445226
(2)製作心得： 有一種讓網頁提升的感覺~
學號 1025445226

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2b/hw06/hw06-1025445224
(2)製作心得：只是複製語法貼上就能看出效果，覺得簡單多了。
學號1025445224



Edited 1 time(s). Last edit at 05/19/2015 06:21PM by 1025445224.
(編輯記錄)

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

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

學號 1025445056

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445029
(2)製作心得：覺得酷!!!!!!!>grinning smiley<
學號 1025445029

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445182/
(2)製作心得： 因為想要多嘗試所以就弄了空網站練習版型 覺得有更了解一些東西但是還是無法運用自如...
學號 1025445182

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445225/
(2)製作心得：弄了很多遍css效果一直沒出來結果一行一行檢查程式碼才終於找出問題~

學號1025445225

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445008/
(2)製作心得： 容易多了
學號 :1025445008

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2b/hw06/hw06-1025445068
(2)製作心得：超酷的啦 只不過加了個動態就差這麼多 想再多學其他的!
學號 1025445068

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445083/
(2)製作心得：好玩!!!!
學號 1025445083

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445080/
(2)製作心得： 天喔!!!好方便又好簡單!!!
學號 1025445080

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

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



Edited 1 time(s). Last edit at 05/20/2015 10:58AM by 1025445041.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445092/
(2)製作心得： 覺得簡易,又好看,上一個作業比起好複雜~~
學號 1025445092

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445002/
(2)製作心得：比05好用多了!!!!嗚呼hot smiley
學號 1025445002

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445014
(2)製作心得： 這簡單多了
學號 1025445014

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2b/hw06/hw06-1025445113/
(2)製作心得：總算有比較簡單的了
學號 1025445113

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

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

學號 1025445125

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

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

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025435233
(2)製作心得：做出淡入的效果很簡單還可以幫自己的網站增加美觀。
學號 1025435233

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445155
(2)製作心得：終於有一個簡單的但我還是做很久
學號 1025445155

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445050
(2)製作心得：網頁這樣看起來很酷
學號 1025445050

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445128
(2)製作心得： 原來簡單的語法可以創作題升值感的效果
學號:1025445128

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址：http://mepopedia.com/~web103-2b/hw06/hw06-1025445086/
(2)製作心得：加了效果之後，變得更加豐富
學號 1025445086

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445127
(2)製作心得： 快速完成
1025445127

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445035
(2)製作心得： 跟作業5比起根本天堂!!!
學號 1025445035

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445179
(2)製作心得： 很有成就感 (因網頁設計伺服器硬碟故障重新上傳、回復)
學號 1025445179



Edited 1 time(s). Last edit at 07/02/2015 06:54PM by lin1025445179.
(編輯記錄)

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445152/
(2)製作心得： 好玩
學號 1025445152

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

分類標籤: 103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址： http://mepopedia.com/~web103-2b/hw06/hw06-1025445095
(2)製作心得： 覺得做出淡入的效果就為網站加分許多，也豐富了我的網頁
學號 1025445095

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