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-2a/hw06/hw06-1025445XXX

並請回覆:

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



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



(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445184/1025445184.html
(2)製作心得: 立馬學完立馬上傳
學號 1025445184



Edited 1 time(s). Last edit at 05/14/2015 10:33AM by 1025445184.
(編輯記錄)

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

學號 1025445205

1.製作網址: file:///C:/Users/angel/Desktop/midterm-1025445214/Story.html
2.製作心得: 還是有點搞不清楚狀況 =(
將其中作業的名稱改成HW06檔案就會打不開

學號: 1025445214 蘇子玲

作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445031/Untitled-6.html
心得: 史上交作業最快/
學號:1025445031



Edited 1 time(s). Last edit at 05/14/2015 10:34AM by love0920dt.
(編輯記錄)

作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445091
心得:很快速!
學號:1025445091



Edited 1 time(s). Last edit at 05/15/2015 05:38PM by 小碧.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445133
(2)製作心得:了解到現在網頁的趨勢,就是網頁上的效果大家一起共用

1025445133

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445046

(2)製作心得:真的是史上最快速完成的作業~~~
有了這個效果,能讓網頁看起來更加有質感。

1025445046

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445070/

(2)製作心得:加了淡入的效果後,
有種網頁的質感莫名又提升一個等級的感覺,
同時也是個很有趣的語法XD

1025445070

1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445097/

(2)製作心得:第一次那麼快完成作業,又多學習到一個新的語法,覺得很有趣

視傳二A 1025445097 陳慶芳

作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445064/index.html
心得: 好玩~~~ 可是套用其他效果會失敗=...=
學號:1025445064

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445043

(2)製作心得:看起來有點厲害!哈哈(偷偷得放大了一下字)

1025445043

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445178/index.html

(2)製作心得: 恍神做作業實在很糗XD看了五次影片才搞懂到底要貼在哪XDDD,不過還好花不到15分鐘就交了 (鬆了一口氣)

學號 :1025445178 - nin

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445001/

(2)製作心得:
終於有小動畫了(゚∀゚)
原本以為它會多複雜...
結果還蠻簡單的耶(爆

整個就是質感上升(笑

1025445001

作業網址為http://mepopedia.com/~web103-2a/hw06/hw06-1025445073

製作心得: 東西蠻簡單的

學號 1025445073

作業網址為http://mepopedia.com/~web103-2a/hw06/hw06-1025445058

製作心得: 就是貼上

學號 1025445058

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445124/
(2)製作心得:快速
學號 1025445124

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445136
(2)製作心得:麥當勞歡樂「爽」啦~~~

10254451336

作業網址為http://mepopedia.com/~web103-2a/hw06/hw06-1025445040

製作心得: 超級方便的,把語法貼上,就有超炫的效果。

1025445040

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445223
(2)製作心得:簡單得感人至深,催人淚下【靠
學號 1025445223

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445130
(2)製作心得: 好快就做完好開心嗚嗚嗚
學號 1025445130

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445079/
(2)製作心得: 爽

學號 1025445079

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445025/
(2)製作心得: 簡單



Edited 1 time(s). Last edit at 05/21/2015 09:55PM by 許函郁.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445187/
(2)製作心得: 還蠻簡單的
學號 1025445187

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445199/
(2)製作心得: 超級快就完成~

1025445199

作業網址為http://mepopedia.com/~web103-2a/hw06/hw06-1025445202

製作心得: Dreamwever 試用期過了所以比較晚交,但是只要貼上語法蠻簡單的

學號 1025445202

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445100
(2)製作心得:超級令人開心的作業
學號 1025445100

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



Edited 2 time(s). Last edit at 06/03/2015 12:17AM by 盧姿穎.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445169
(2)製作心得: 覺得很簡單
學號 1025445169

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445175

(2)製作心得:還滿好玩的哈哈

1025445175

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445211
(2)製作心得: 做很久
學號 1025445211

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445109
(2)製作心得: 很快
學號 1025445109

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025443064/
(2)製作心得: 第一次這麼輕鬆簡單

1025443064

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445151
(2)製作心得: 很快,不過小糾結一下
學號 1025445151

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025461015/01.html
(2)製作心得: 簡單明瞭快速
學號 1025461015

作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025461052/
心得: 簡單快速效果佳
學號:1025461052

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025461016/
(2)製作心得: 比之前的簡單了
學號 1025461016

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445112
(2)製作心得: 好開心!!第一次做作業這樣開心的。
學號 :1025445112

作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445115

心得:第一次覺得網業很美好




1025445115

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445082
(2)製作心得:做很快
學號 1025445082

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445076
(2)製作心得: 看完馬上做就會
學號 1025445076

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445085

(2)製作心得:超級快好開心

學號 1025445085

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445106/
(2)製作心得: 滿好玩的
1025445106

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445139/
(2)製作心得: 忘記回覆啦!
學號 1025445139

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445172/
(2)製作心得: 實用
學號 1025445172

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445052/index.html
(2)製作心得: 立馬學完
學號 1025445052

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

學號 1025445217

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445217/
(2)製作心得: 再也不敢忘記交作業了T.T

學號 1025445217

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445010/
(2)製作心得: 這次的作業很快速~
1025445010

作業網址為http://mepopedia.com/~web103-2a/hw06/hw06-1025445115

製作心得:\oh! ya!

學號 1025445115

(1)作業網址: http://mepopedia.com/~web103-2a/hw06/hw06-1025445196/index.html
(2)製作心得: 厲害
學號 1025445196

(1)作業網址:http://mepopedia.com/~web103-2a/hw06/hw06-1025445037/index.html
(2)製作心得: 有點難
學號 1025445037



Edited 5 time(s). Last edit at 07/03/2015 01:45AM by 1025445037.
(編輯記錄)