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

Advanced

[ 作業06] jQuery動態換頁效果

[ 作業06] jQuery動態換頁效果

1. jQuery動態換頁效果作業說明


請參考
[講義]jQuery動態換頁效果
http://mepopedia.com/forum/read.php?804,81301

[hr]
1.參考上課與講義上之作法,以jQuery做出翻頁效果(有效果即可)

2.將資料夾命名為 hw06-學號,以FTP上傳至hw06資料夾
作業網址為http://mepopedia.com/~css105-2b/hw06/hw06-1045445XXX

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445XXX
(2)製作心得:


[hr]
學長姊範例
1. http://mepopedia.com/~css104-2c/hw07/ex/hw07-1025445005/
2. http://mepopedia.com/~css104-2c/hw07/ex/hw07-1025445070/
3. http://mepopedia.com/~css104-2c/hw07/ex/hw07-1025445205/
4. http://mepopedia.com/~css104-2a/hw07/hw07-1035445145/
5. http://mepopedia.com/~css104-2b/hw07/hw07-1035445209/
6. http://mepopedia.com/~css104-2b/hw07/hw07-1035445218/
7. http://mepopedia.com/~css104-2b/hw07/hw07-1035445191/
[hr]
請於規定時間準時繳交作業。
[hr]

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445089
(2)製作心得:jquerythumbs upthumbs up高解析度照片要找挺久的tongue sticking out smiley大致上還行thumbs up

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445074
(2)製作心得:多花了點心思在找解析度高的圖片,網頁上大致都ok。

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

(2)製作心得:第一次使用動態的換頁效果,讓網頁在設計感上更加分,而
這次找的圖都有自己在去加文字、陰影等,看起來比較完整好看,也學到
了新知識,滿好的。

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

(2)製作心得:覺得這特效蠻好玩的,但想再加一頁發現不知道怎麼加~~~

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

(2)製作心得:肚子好餓~hot smiley

作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445188

製作心得:雖然簡單,但我還是覺得導覽列滿難調的,但網頁終於會動了,很開心smiling smiley

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

(2)製作心得:這次的作業能夠讓圖片變成動態的,真的很有趣,這樣也多學到了跟以往不一樣的網頁設計。

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445002
(2)製作心得: 覺得這種換頁方式還滿好玩的 又學到了新的東西~~

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

(2)製作心得:做的時候LOGO跟導覽列圖片的部分一直跑位,調了還滿久的,
之後也發現到自己的問題在哪,還好最後也順利的用出來了,然後動態換頁的
效果還滿有趣的~又學到一個新語法可以運用了thumbs up

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

(2)製作心得:在做的蟲中真的覺得要找張好圖片不容易!!也要配合著主角風格走!!
做完覺得很開心~又學到了新的語法!

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

(2)製作心得:這個作業蠻有趣的,覺得蠻值得的課程

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445080
(2)製作心得:又學到另一形式的網頁了

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445198
(2)製作心得:不難 但提不起勁

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445146
(2)製作心得:動態換頁效果很有趣

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445068
(2)製作心得:畫面一直跑掉,換台電腦就修好了…

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445110
(2)製作心得:能讓它動,算是滿有成就感的,看似簡單,背後的語法好複雜~

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445035
(2)製作心得:

在做的時侯一直覺得很難,但比起之前自己打網頁,這已經算不錯了
還跟得上。thumbs up

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445161
(2)製作心得:想主題花了很多時間,對位子有點麻煩,需要耐心ˊ_>ˋ |||

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445053
(2)製作心得: OMG~~~~卡有點久呢 但還可以ˇwˇ"

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445044
(2)製作心得:學到一個新技能,覺得蠻酷的

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw6-1045445149
(2)製作心得: 好難....要多練習

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445119
(2)製作心得: 按鈕做的時候位置一直跑掉,其他都可以,還不錯

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445182
(2)製作心得:終於做完惹QQ

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

(2)製作心得:感覺不錯,peace out

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445125
(2)製作心得:覺得很簡單~太好了QQQQ

http://mepopedia.com/~css105-2b/hw06/hw06-1045445152

製作心得:動態的換頁效果還蠻酷的 又學到新的 覺得很開心thumbs up



Edited 1 time(s). Last edit at 05/30/2017 07:39PM by 1045445152.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445131
(2)製作心得:覺得很簡單 希望之後也會一直簡單下去

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445026
(2)製作心得:順順der

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445077
(2)製作心得:這次還招架得住

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445155
(2)製作心得:按鈕和圖片一直跑掉 我生氣氣QQ

1、製作網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445170
2、製作心得:最簡單的也快搞死我了confused smiley

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445071
(2)製作心得: 動態的畫面效果看起來更有趣

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045448015
(2)製作心得:要找到適合又大的圖比較花時間,修改網頁部分還可以。

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

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

(2)製作心得: 實際操作沒有想像中的難,蠻容易的

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

(2)製作心得:這次的網頁設計讓人瀏覽起來很輕鬆,增加網頁的有趣度,
不會讓人枯燥乏味,跳脫以往的網頁設計。

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

(2)製作心得:位置有點難對好

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

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445173
(2)製作心得: 新的動態換頁做起來滿不賴的

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445104
(2)製作心得:網頁上大致都ok。

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445122/Untitled-1.html

(2)製作心得:有點小缺陷..

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445107
(2)製作心得:還好可樂果給力 讚讚 其他都還行

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445050/
(2)製作心得:覺得很好玩,但是要花很多心思在上面

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445113
(2)製作心得: 網頁真的好難 看來要更努力學了

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1025445158
(2)製作心得: 有點難