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

Advanced

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

[作業05] 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.直接以期中作業首頁或某一頁面繳交即可。
作業網址為http://mepopedia.com/~css104-2b/midterm/midterm-1045445XXX

並請回覆:

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



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





Edited 1 time(s). Last edit at 04/13/2017 10:01AM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445089
(2)製作心得: 神奇的jQueryspinning smiley sticking its tongue outspinning smiley sticking its tongue out
學號:1045445089

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445062


(2)製作心得:老師分享的這個網站很厲害smoking smiley

學號 1045445062

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445074
(2)製作心得: 覺得很有趣!
學號:1045445074

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445188


(2)製作心得:覺得有趣,而且又簡單,效果也很不錯, 希望可以學到更多

學號 1045445188



Edited 1 time(s). Last edit at 04/13/2017 10:14PM by 1045445188.
(編輯記錄)

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445029


(2)製作心得:動畫效果很有趣! JQ好厲害
學號 1045445029

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445002
(2)製作心得: 有動態的網頁好酷~
學號 1045445002

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445017

(2)製作心得:網頁第一次出現動態效果,讓整體有不一樣的感覺,jQuery很方便
也很好用,以後做網頁時也可以套用在上面,又學到新知識了。

學號:1045445017

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445014

(2)製作心得:學到了很有趣的jQuerycool smiley
以後做網頁又有一個新語法可以運用了~~


學號:1045445014

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445155

(2)製作心得:學到了jQuerycool smiley
以後可以好好善用這個新學到的功能 棒棒


學號:1045445155

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445146
(2)製作心得:加了動態效果之後,網頁變得活潑了。
學號:1045445146

作業網址為http://mepopedia.com/~css105-2b/midterm/midterm-1045445161


製作心得: jQuery 真是太神奇了! 方便好玩smileys with beer
學號 1045445161



Edited 1 time(s). Last edit at 04/19/2017 03:03PM by 1045445161.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445125

(2)製作心得:jQuery太方便了吧,必須好好利用利用哈哈哈thumbs upthumbs upthumbs up


學號:1045445125

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445080
(2)製作心得: jQuery讓網頁變得活潑不會那麼死板
學號 1045445080

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445152
(2)製作心得: 覺得jQuery很神奇 也很有用 辛苦寫程式的人了spinning smiley sticking its tongue out spinning smiley sticking its tongue out
學號:1045445152

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445095

(2)製作心得:jQuery有好多有趣的語法喔! 用這個又很方便~


學號:1045445095

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445131

(2)製作心得:好有趣thumbs up

學號 1045445131

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445044
(2)製作心得: 又是一個新技法好酷
學號 1045445044

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445092

(2)製作心得: 第一次將 jQuery動態用在作業中覺得很新鮮也很有趣~

學號:1045445092

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445053
(2)製作心得: 好酷喔~~~
學號 : 1045445053



Edited 1 time(s). Last edit at 05/04/2017 12:44AM by j29927381.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445008/

(2)製作心得: 又學習到了新的語法很開心

學號 1045445008

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445110/

(2)製作心得:學到 新語法,讓網頁變得更細緻了,寫語法真的不簡單呢~

學號 1045445110

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445068
(2)製作心得:有點有趣
學號:1045445068

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445119
(2)製作心得:覺得很酷,學到新東西感覺很棒!


學號:1045445119



Edited 2 time(s). Last edit at 05/21/2017 02:35PM by 1045445119.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445077
(2)製作心得:蠻神奇的


學號:1045445077

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445059


(2)製作心得:容易上手

學號 1045445059

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1025445231/
(2)製作心得: 讚讚,來不及
學號 1025445231

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1035461139

(2)製作心得:這樣的動態效果,還蠻酷的tongue sticking out smiley

學號 1035461139



Edited 1 time(s). Last edit at 06/10/2017 03:14PM by 鄭文茹.
(編輯記錄)

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445149


(2)製作心得:還蠻容易完成的 多加油

學號 1045445149

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445086/index.html


(2)製作心得:很喜歡這種特效~~

學號 1045445086

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445056
(2)製作心得:讓網站的畫面很加分!
學號:1045445056

1、作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445170
2、製作心得:原本一直以為沒做,問人才知道我做了......結果我拖到現在才交,分數也飛了好多去了T_T

http://mepopedia.com/~css105-2b/midterm/midterm-1045445173

製作心得:網頁有了動態更有趣了!

學號 :1045445173

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445113
(2)製作心得: 做完小有成就感~
學號 1045445113



Edited 1 time(s). Last edit at 06/15/2017 12:58PM by chenyian.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445107
(2)製作心得:有趣
學號 1045445107



Edited 2 time(s). Last edit at 06/15/2017 01:27PM by ffga3307.
(編輯記錄)

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445122


(2)製作心得:I'm faded ~

學號 1045445122