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

Advanced

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

102-2《中國》竹視傳二A-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
  1. 1. jQuery動態網頁初探作業說明
  2. 1.1 作業步驟

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-學號，以ＦＴＰ上傳至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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
蘭雅涵 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445006/
(2)製作心得：沒想到網頁還可以做動畫，真的覺得超酷的，只要一點點語法就可以呈現出來動的感覺，真的是好酷好酷優~~~
希望還可以學到更多更有技巧的網頁和語法



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
light [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~web102-a/hw06/hw06-1015445001/
(2)製作心得：
有了這個小特效網頁多了一點不同的質感，我很喜歡~

1015445001

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445030陳族維 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：[url=http://mepopedia.com/~web102-a/hw06/hw06-1015445030/]http://mepopedia.com/~web102-a/hw06/hw06-1015445030/[/url]

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

學號 1015445030

推薦 / 評論　 分享到Facebook     回應文章 Quote
茶滷蛋 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(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 茶滷蛋.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
usa200ps [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445051/index.html

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

學號 1015445051

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445266 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445266/

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

學號 1015445266

推薦 / 評論　 分享到Facebook     回應文章 Quote
李凌岑 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445050/
(2)製作心得：加個語法就可以有動態效果挺厲害的!
學號 1015445050

推薦 / 評論　 分享到Facebook     回應文章 Quote
Yirou [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445012
(2)製作心得：很有趣 感覺以後可以應用在其他不同的網頁上做效果。

1015445012

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445053 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445053/
(2)製作心得： 一個語法就可以製作出動畫感覺很省時間 雖然語法有點難以理解
1015445053

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445034 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445034
(2)製作心得：有feel有feel

1015445034

推薦 / 評論　 分享到Facebook     回應文章 Quote
lin yi [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
金桔 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
[size=small](1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445039

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

學號 1015445039


樓上XDDDDDDDDD[/size]

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445060 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445060/index.html
(2)製作心得：網頁設計真的是很神奇的東西，像咒語一樣看不懂，但效果卻令人驚艷。
學號1015445060

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445002 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445002/index.html
(2)製作心得：
加入一點語法就能讓網頁變得更有質感，真是太神奇了。

學號 1015445002

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445027 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~web102-a/hw06/hw6-1015445027/miderm-1015445027/index.html
(2)製作心得：
特效很可愛捏！

推薦 / 評論　 分享到Facebook     回應文章 Quote
摔角哥 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計  1015445020  林展瑩
(1)作業網址：[url=http://mepopedia.com/~web102-a/hw06/hw06-1015445020/]http://mepopedia.com/~web102-a/hw06/hw06-1015445020/[/url]

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

學號 1015445020

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445018 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~web102-a/hw06/hw6-1015445018/miderm-1015445018/index.html
(2)製作心得：
蠶叢及魚鳧，開國何茫然

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445054 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445054/
(2)製作心得：只要把語法放上去就好，但是jqury要怎麼把其他特效語法放上去壓

推薦 / 評論　 分享到Facebook     回應文章 Quote
emaly83315 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445043/index.html

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

學號 1015445043

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445048 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445048/index.html

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

學號 1015445048

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445268 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445268/index.html

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445038a [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~web102-a/hw06/hw06-1015445038
(2)製作心得：
加了效果有點可愛smiling bouncing smileyeye popping smileyhot smiley

學號1015445038

推薦 / 評論　 分享到Facebook     回應文章 Quote
鄔惠婷 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445010/
(2)製作心得：貼上語法後 讓網頁變得更加不同了

推薦 / 評論　 分享到Facebook     回應文章 Quote
妞妞小 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445014/
(2)製作心得： 變得好像很厲害(*‘ v`*)
1015445014

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445022 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445022/index.html
(2)製作心得：真的對網頁一竅不通，用了這次的參考語法，有一種網頁被救贖的感覺！

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445059 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445059/index
(2)製作心得：讓整個網頁有了質感，也讓我多學到了一種技法，好棒棒!
學號 1015445059

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445007 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：
http://mepopedia.com/~web102-a/hw06/hw06-1015445007/
(2)製作心得：
原來只是一個小小的語法，就能使一個網頁變得更有質感

推薦 / 評論　 分享到Facebook     回應文章 Quote
lyy_0920 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445025/index.html
(2)製作心得： 越來越能抓到技巧了
學號 1015445025

推薦 / 評論　 分享到Facebook     回應文章 Quote
AiJie [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：

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

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

學號: 1015445045

推薦 / 評論　 分享到Facebook     回應文章 Quote
money2962 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445019/

(2)製作心得：難

推薦 / 評論　 分享到Facebook     回應文章 Quote
2u04cjo4 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445267/
(2)製作心得： 他..動起來啦~
1015445267李金樺

推薦 / 評論　 分享到Facebook     回應文章 Quote
李治頡 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計  102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445063

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

學號 1015445063

推薦 / 評論　 分享到Facebook     回應文章 Quote
mimi51110 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445033
(2)製作心得： 語法還真神奇
學號 1015445033

推薦 / 評論　 分享到Facebook     回應文章 Quote
lovech0128 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445057/hw06-1015445057.html

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

1015445057

推薦 / 評論　 分享到Facebook     回應文章 Quote
lovech0128 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址:http://mepopedia.com/~web102-a/hw06/hw06-1015445056/hw06-1015445056.html

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

1015445056 陳柏儒

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445015 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445015/
(2)製作心得： 多了一點特效網頁感覺有不同的質感，但要做不容易。

學號1015445015

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 聯結有誤
1015445058 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw06/hw06-1015445058/hw06-index.html
(2)製作心得： jQuery效果頗多頗難用
學號 1015445058

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445044 [ 站內寄信 / PM ]
Re: [作業06] jQuery動態網頁初探

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw06/hw06-1015445044/
(2)製作心得：把一些語法貼上去,就有那麼厲害神奇小特效,真是有趣又好玩~

學號 1015445044

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic