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

Advanced

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

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

1. jQuery動態網頁初探作業說明


請參考
[講義] jQuery講義
http://mepopedia.com/forum/read.php?1497,45619


[hr]
jQuery動態網頁初探作業說明
http://youtu.be/ScKyR0mrh1s



[hr]

1. 作業步驟

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/~web102-a/hw06/hw06-1015445XXX 。

並請回覆:

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

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



Edited 2 time(s). Last edit at 05/04/2014 10:48PM by JinJin.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445006/
(2)製作心得:沒想到網頁還可以做動畫,真的覺得超酷的,只要一點點語法就可以呈現出來動的感覺,真的是好酷好酷優~~~
希望還可以學到更多更有技巧的網頁和語法



Edited 1 time(s). Last edit at 05/05/2014 08:30PM by 蘭雅涵.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~web102-a/hw06/hw06-1015445001/
(2)製作心得:
有了這個小特效網頁多了一點不同的質感,我很喜歡~

1015445001

(1)作業網址:[url=http://mepopedia.com/~web102-a/hw06/hw06-1015445030/]http://mepopedia.com/~web102-a/hw06/hw06-1015445030/[/url]

(2)製作心得:把語法放上去就有了超cool der特效真是厲害

學號 1015445030

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445046
(2)製作心得: 感覺網頁活起來了 smiling bouncing smiley
學號 1015445046



Edited 1 time(s). Last edit at 05/05/2014 09:55PM by 茶滷蛋.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445051/index.html

(2)製作心得:jquery很酷可以直貼套用效果上去。

學號 1015445051

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445266/

(2)製作心得:加特效 有了質感 更有feel~

學號 1015445266

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445050/
(2)製作心得:加個語法就可以有動態效果挺厲害的!
學號 1015445050

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445012
(2)製作心得:很有趣 感覺以後可以應用在其他不同的網頁上做效果。

1015445012

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445053/
(2)製作心得: 一個語法就可以製作出動畫感覺很省時間 雖然語法有點難以理解
1015445053

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445034
(2)製作心得:有feel有feel

1015445034

(1)作業網址:

http://mepopedia.com/~web102-a/hw06/hw06_1015445024/linyi's%20web.html

(2)製作心得:



學號

1015445024



Edited 1 time(s). Last edit at 05/17/2014 05:00PM by lin yi.
(編輯記錄)

[size=small](1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445039

(2)製作心得:
把背景圖片拿掉了 比較看得出動態的變化
不知道.slideToggle中文叫什麼但是配上hide滿有趣的
notepad++比DW好用嗚嗚T__T

學號 1015445039


樓上XDDDDDDDDD[/size]

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445060/index.html
(2)製作心得:網頁設計真的是很神奇的東西,像咒語一樣看不懂,但效果卻令人驚艷。
學號1015445060

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445002/index.html
(2)製作心得:
加入一點語法就能讓網頁變得更有質感,真是太神奇了。

學號 1015445002

(1)作業網址:
http://mepopedia.com/~web102-a/hw06/hw6-1015445027/miderm-1015445027/index.html
(2)製作心得:
特效很可愛捏!

(1)作業網址:[url=http://mepopedia.com/~web102-a/hw06/hw06-1015445020/]http://mepopedia.com/~web102-a/hw06/hw06-1015445020/[/url]

(2)製作心得:把語法貼上去就有了厲害的小特效真是神奇

學號 1015445020

(1)作業網址:
http://mepopedia.com/~web102-a/hw06/hw6-1015445018/miderm-1015445018/index.html
(2)製作心得:
蠶叢及魚鳧,開國何茫然

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445054/
(2)製作心得:只要把語法放上去就好,但是jqury要怎麼把其他特效語法放上去壓

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445043/index.html

(2)製作心得:加一段語法就有特效好酷哦~~~

學號 1015445043

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445048/index.html

(2)製作心得:加個語法整個就不一樣了,要是人生也能加個語法就變不一樣多好~

學號 1015445048

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445268/index.html

(2)製作心得:第一次在網頁上做這種動態效果,很有趣~

(1)作業網址:
http://mepopedia.com/~web102-a/hw06/hw06-1015445038
(2)製作心得:
加了效果有點可愛smiling bouncing smileyeye popping smileyhot smiley

學號1015445038

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445010/
(2)製作心得:貼上語法後 讓網頁變得更加不同了

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445014/
(2)製作心得: 變得好像很厲害(*‘ v`*)
1015445014

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445022/index.html
(2)製作心得:真的對網頁一竅不通,用了這次的參考語法,有一種網頁被救贖的感覺!

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445059/index
(2)製作心得:讓整個網頁有了質感,也讓我多學到了一種技法,好棒棒!
學號 1015445059

(1)作業網址:
http://mepopedia.com/~web102-a/hw06/hw06-1015445007/
(2)製作心得:
原來只是一個小小的語法,就能使一個網頁變得更有質感

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445025/index.html
(2)製作心得: 越來越能抓到技巧了
學號 1015445025

(1)作業網址:

http://mepopedia.com/~web102-a/hw06/hw06-1015445045/

(2)製作心得:
好險老師有錄下來~~~

學號: 1015445045

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445019/

(2)製作心得:難

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445267/
(2)製作心得: 他..動起來啦~
1015445267李金樺

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445063

(2)製作心得:加特效 超酷

學號 1015445063

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445033
(2)製作心得: 語法還真神奇
學號 1015445033

作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445057/hw06-1015445057.html

製作心得:相當有趣的特效

1015445057

作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445056/hw06-1015445056.html

製作心得:相當有意思的特效

1015445056 陳柏儒

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445015/
(2)製作心得: 多了一點特效網頁感覺有不同的質感,但要做不容易。

學號1015445015

MEPOERs said:
JinJin: 聯結有誤
(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445058/hw06-index.html
(2)製作心得: jQuery效果頗多頗難用
學號 1015445058

(1)作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445044/
(2)製作心得:把一些語法貼上去,就有那麼厲害神奇小特效,真是有趣又好玩~

學號 1015445044