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

Advanced

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

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

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-2b/hw06/hw06-1035445XXX 。

並請回覆:

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

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

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445218
(2)製作心得: 很高興這麼簡單 而且應用起來也很酷

1035445218

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445002 。

(2)製作心得:加了動態效果後,讓網頁感覺上多了一些互動性
學號 :1035445002

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

(2)製作心得:網頁的效果非常有趣,而且概念也很簡單 。
學號 :1035445200



Edited 1 time(s). Last edit at 05/03/2016 10:45PM by 1035445200.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445209
(2)製作心得: 讓單調的網頁有了一點小動態

1035445209

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035461133
(2)製作心得: 實用又簡單的語法
學號 1035461133

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445131
(2)製作心得: 然後單調的網頁看起來比較有趣特別,簡單又好用的語法
學號 1035445131

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

(2)製作心得:很簡單又可以美化自己的網頁!


學號 1035445185



Edited 1 time(s). Last edit at 05/06/2016 12:35AM by 1035445185 徐于庭.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445152
(2)製作心得: 很快就完成了~網頁也變得更有質感了~

1035445152

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445191
(2)製作心得: 增加一些小動畫,讓頁面有點變化,還不錯

1035445191

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445158
(2)製作心得:有動態效果的網頁,就是比較能呈現有質感的感覺,希望能學多一點動態效果。
1035445158

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445065
(2)製作心得: 簡易的方法增加視覺效果
學號 1035445065

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445113
(2)製作心得:有沒有辦法變成跑馬燈? 自己跑的那種

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445074
(2)製作心得: 覺得有趣好玩

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445206
(2)製作心得: 加了動態之後網頁變得很有趣
學號 1035445206

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445140
(2)製作心得: 很簡單的步驟就能美化網頁,很棒!

1035445140

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445104
(2)製作心得:讓網頁視覺上變得比較活潑。

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445137
(2)製作心得: interesting tips

1035445137

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445068
(2)製作心得: 比較活潑不會感覺無聊

1035445068

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445107
(2)製作心得: 超簡單,有種酷和質感,多了新感覺
1035445107

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445059
(2)製作心得: 能簡單的呈現網頁的感覺

1035445059

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445134
(2)製作心得:加了動態效果後,豐富了網頁的整體視覺性



學號 :1035445134

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

(2)製作心得:網頁的風格能簡單的呈現 。
學號 :1035445149



Edited 1 time(s). Last edit at 05/03/2016 10:45PM by 1035445200.

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445041
(2)製作心得: 好玩

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445194/
(2)製作心得: 效果滿好的,讓網頁多了一點趣味性。
學號 1035445194

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445023
(2)製作心得: 比想像中簡單但效果很漂亮
學號 1035445023

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445032
(2)製作心得:最簡單的一次,淡入的效果真的有差!

1035445032

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

(2)製作心得:加了動態效果後,更有質感了,希望其他的圖片也能有這種動態。

1035445014

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445098/
(2)製作心得: 簡單的一個語法可以使網頁更有質感。

1035445098

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445170/
(2)製作心得: 簡單又有質感~
學號 1035445170

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

(2)製作心得:網頁變得更加活潑,也更特別了。
學號 :1035445011

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445050/index/index.html
(2)製作心得:(*゚∀゚*)(*゚∀゚*)(*゚∀゚*)(*゚∀゚*)(*゚∀゚*)

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445053
(2)製作心得: 是個做法很簡單的特效,原來一個簡單的步驟就可以讓網頁那麼有趣

1035445053

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445155 。

(2)製作心得:加了動態效果後,感覺挖嗚超酷

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

(2)製作心得:這次的很簡單,而且感覺蠻好玩的。
學號 :1035445086

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

(2)製作心得:多了互動性

學號 :1035445176

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445071
(2)製作心得:能與觀者產生互動,很可愛
學號1035445071

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

(2)製作心得:有了動態效果後覺得更有完整跟質感性。

1035445125

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445005/
(2)製作心得: 很簡單就完成了

(1)作業網址 http://mepopedia.com/~css104-2b/hw06/hw06-1035445026
(2)製作心得:加入動態效果後網頁變得更有質感
學號 1035445026

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445056
(2)製作心得: 真的很簡單!實際上用起來也很棒!!

1035445056

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

(2)製作心得: 好快就做好了 開心<3
學號 1035445029

(1)作業網址: http://mepopedia.com/~css104-2b/hw06/hw06-1035445080
(2)製作心得: 挖~好帥的感覺^^
學號 1035445080

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

(2)製作心得: 簡單又實用的語法

視傳3C 1025445186 彭韋豪

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445179
(2)製作心得:簡單又實好用,很快就做完了

(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445077
(2)製作心得:製作過程很簡單

學號:1035445077