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-2c/hw06/hw06-1045445XXX

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2c/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-2c/hw06/hw06-1045445117

(2)製作心得:動態換頁效果簡潔卻不失情調,也增加網頁瀏覽的樂趣,
原本想增加文字描述,但喜歡圖內有字的排版,後將圖片排上文字,文
字描述除了簡介外,也讓圖片增添豐富性,使兩者互相呼應。

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445105
(2)製作心得:製作過程還滿容易的!比之前做的網頁感覺更有互動感!整體看起來還有待加強!

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445212
(2)製作心得:蠻喜歡動態的換頁效果,讓視覺上更加分

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445189
(2)製作心得: 我覺得還蠻簡單的,只要看得懂 jQuery的符號跟分辨html就可以改了,而且是動態的效果讓網頁更有趣了

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445033
(2)製作心得: 不難...只是找主題花了不少時間,整體算滿意~

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

(2)製作心得:動態的效果非常有趣,也讓網頁整體的感覺多了互動感.
^_^

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445069
(2)製作心得: 學會了jQuery動態換頁效果讓我的網頁變有趣了~ 滑起來

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445015
(2)製作心得: 學了新的網頁設計 讓網頁也更加活潑生動有趣了~~!

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

(2)製作心得:很開心學到新的網頁效果

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

(2)製作心得:動態的效果非常好玩,我很喜歡

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

(2)製作心得:搞導覽列的圖片搞很久,雖然中途有點想放棄,因為一直做錯重來,結束之後成就感蠻高的,希望可以學到更多關於這種的,我很喜歡smiling bouncing smiley 謝謝老師winking smiley

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445084/index.html

(2)製作心得:感覺這次的作業比較簡單,也比較有趣!

作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445180
製作心得:還可以上手

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

(2)製作心得: 因為只是練習一下做法不注重內容,所以我就選擇比較歡樂的天線寶寶改圖版,所以在做作業時心情一整個很愉悅~~
有一點覺得很疑惑,當完成整個頁面時,不曉得為什麼第一次按下導覽列時,下面的整個版塊都會微微浮起 eye rolling smiley

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

(2)製作心得: 恩不知道要做什麼只好拿以前的主題來用了(笑

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445042/index.html

(2)製作心得:這次教得滿有趣的,可是 jQuery還是沒有很懂..

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445195/index.html

(2)製作心得:這個作業不難,挺有意思

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1055999320
(2)製作心得: 動態換頁效果確實還挺簡單的啦只要換一下圖片就好了,但是導覽列的設置真的好煩哦,之前想把那四個小圓點往左移但是一直沒研究出來怎麼移過去沒辦法啦只好把導覽列的文字往右移了......然後這次的主題主要是介紹一下我的家鄉~



Edited 1 time(s). Last edit at 05/11/2017 11:29AM by 盧姍娜.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445162
(2)製作心得:
動態換頁很好玩!!!!!!!雖然定位點跟內距搞了很久還是橋不到自己最想要的位置.........但目前這個樣子最理想!還有左右滑動不能增加新圖片嗎QQQQ是到最後只能用上下滑動第6張圖才跑出來TTTTTTTT雖然效果也不錯TT
總結來講又學到很多新東西!!!!!!我的筆記.......!努力去記ryy

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

(2)製作心得:這次做得又跟以前不一樣了~ 感覺越來越難了!遇到的問題也會越會越多~好可怕

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445138
(2)製作心得:效果很有趣,加了效果之後網頁有互動感很好玩

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

(2)製作心得:很棒的效果

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

(2)製作心得:動態換頁效果簡潔清楚,增加動態讓看的人更了解

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

(2)製作心得:導覽列用蠻久的,其他大致上都還ok

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445027
(2)製作心得: 覺得配色有點奇怪,但很喜歡自己這個主題。

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1025445061
(2)製作心得: 覺得這次的效果很好玩

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

(2)製作心得: 比想像中的容易,互動的感覺還不錯,喜歡動態的效果

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445009
(2)製作心得:
雖然找主題有點選擇障礙
但動態效果讓網頁更可愛ㄌ

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445030
(2)製作心得: 製作過程簡單 但還是可以再加強

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

(2)製作心得:動態換頁效果使原本無趣的網頁多了更多互動,真的非常喜歡。

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

(2)製作心得:這次教得滿有趣的,學到新的網頁效果

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

(2)製作心得:最好玩的一次作業ˋˇˊ沒有第二

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445057
(2)製作心得:不難,可是一直看他轉來轉去頭好痛

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

(2)製作心得:這次的作業看起來蠻簡單的但我卻用的有點久,以介紹我去過的下午茶為主。

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445081
(2)製作心得:滿好玩的,看了影片還是有些原理不大懂。

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445054
(2)製作心得:動態的換頁效果,讓視覺上看起來更舒服

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445147
(2)製作心得:動態換頁效果雖然常見但非常實用。

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

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

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1015445216/
(2)製作心得: 上下擺動那一頁物件好容易歪掉

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

(2)製作心得:運用神鬼奇航創作海盜風格 其實感覺很難 但做出來滿簡單的 希望可以再更豐富些

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445201
(2)製作心得: 覺得這次的作業跟以前的來比差異太多雖然很難不過學到超多!

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445153
(2)製作心得:跟以前教的東西差太多,不過還蠻有趣的

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

(2)製作心得:這種方式的製作網也真是沒見過,非常特別,相信以後一定能給我很大的幫助,謝謝老師。

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

(2)製作心得:比起之前的網頁製作方式更加喜歡簡潔一點的

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

(2)製作心得:動態換頁 效果不錯

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

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445144
(2)製作心得: 覺得真的很喜歡動態,動態的效果讓網頁更有趣,又學到一個東西了,謝謝老師!

(1)作業網址:file:///C:/Users/user/Desktop/hw06-1045445120/index.html
(2)製作心得:這次做得滿輕鬆得比較不耗時間

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

(2)製作心得:這次的超酷,使網頁看起來更有趣。