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

Advanced

[作業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/~web103-2b/hw06/hw06-1025445XXX

並請回覆:

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



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





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

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445197
(2)製作心得: 覺得做出淡入的效果就為網站加分許多,也豐富了我的網頁
學號 1025445197

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445170/
(2)製作心得: 初探是比較簡單,所以難度還好
學號 1025445170

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445020/
(2)製作心得:蠻簡單的~~但在main中的圖跟文字例外讓淡入淡出,摸索了一段時間
學號 1025445020

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445044
(2)製作心得: 比想像中來的簡單XD 會不會是作業05太難了呢XD 現在做06覺得很輕鬆
學號 1025445044

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445131
(2)製作心得: 還算可以不會太難
學號 1025445131

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445065
(2)製作心得: 簡單好做又可以學到新東西smileys with beer
學號 1025445065

(1)作業網址:http://mepopedia.com/~web103-2b/hw06/hw06-1025445226
(2)製作心得: 有一種讓網頁提升的感覺~
學號 1025445226

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445056
(2)製作心得: 比作業五簡單很多

學號 1025445056

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445029
(2)製作心得:覺得酷!!!!!!!>grinning smiley<
學號 1025445029

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445182/
(2)製作心得: 因為想要多嘗試所以就弄了空網站練習版型 覺得有更了解一些東西但是還是無法運用自如...
學號 1025445182

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445225/
(2)製作心得:弄了很多遍css效果一直沒出來結果一行一行檢查程式碼才終於找出問題~

學號1025445225

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445008/
(2)製作心得: 容易多了
學號 :1025445008

(1)作業網址:http://mepopedia.com/~web103-2b/hw06/hw06-1025445068
(2)製作心得:超酷的啦 只不過加了個動態就差這麼多 想再多學其他的!
學號 1025445068

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445083/
(2)製作心得:好玩!!!!
學號 1025445083

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445080/
(2)製作心得: 天喔!!!好方便又好簡單!!!
學號 1025445080

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445092/
(2)製作心得: 覺得簡易,又好看,上一個作業比起好複雜~~
學號 1025445092

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445002/
(2)製作心得:比05好用多了!!!!嗚呼hot smiley
學號 1025445002

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445014
(2)製作心得: 這簡單多了
學號 1025445014

(1)作業網址:http://mepopedia.com/~web103-2b/hw06/hw06-1025445113/
(2)製作心得:總算有比較簡單的了
學號 1025445113

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445125
(2)製作心得: 比較簡單!

學號 1025445125

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025435227/
(2)製作心得: 還蠻簡單的!
1025435227

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025435233
(2)製作心得:做出淡入的效果很簡單還可以幫自己的網站增加美觀。
學號 1025435233

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445155
(2)製作心得:終於有一個簡單的但我還是做很久
學號 1025445155

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445050
(2)製作心得:網頁這樣看起來很酷
學號 1025445050

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445128
(2)製作心得: 原來簡單的語法可以創作題升值感的效果
學號:1025445128

(1)作業網址:http://mepopedia.com/~web103-2b/hw06/hw06-1025445086/
(2)製作心得:加了效果之後,變得更加豐富
學號 1025445086

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445127
(2)製作心得: 快速完成
1025445127

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445035
(2)製作心得: 跟作業5比起根本天堂!!!
學號 1025445035

(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.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445152/
(2)製作心得: 好玩
學號 1025445152

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445095
(2)製作心得: 覺得做出淡入的效果就為網站加分許多,也豐富了我的網頁
學號 1025445095