[問題] 這樣的網頁要怎麼做?

作者: mercedesff (mercedesff)   2014-07-20 18:04:33
各位大大好
我想請問一下以下的網站是怎麼做的
http://aioninfo.plaync.com.tw/preview/45_0528/index.asp
因為我比較在行的是APP
網頁設計不是我的專業
所以對於以上的網頁感到非常精美又好奇
希望能請問一下它是用到了什麼技術什麼方法...之類的
可以說得天花亂墜一點讓我崇拜XD (您提供的專有名詞我會儘量自己查)
也希望能藉此展開網頁設計的學習旅途...
(目前我只會簡單的html + css + 類似用frontpage拉出來的簡單網頁...)
比如我最想問的就是
1. 為什麼右邊的超連結可以讓中間主要的部分跟著移動?這是錨點嗎?
2. 為什麼網頁在最top的時候,背景的女主角很亮,但往下捲動後,她就跟著變暗?
這樣的網頁設計實在很漂亮,怎麼做到的?
3. 一定要用ASP嗎?如果用PHP等等之類的可以做到一樣的效果嗎?
希望能請多指教...謝謝
作者: gg90052   2014-07-20 18:35:00
好像沒啥特別的....一個jQuery就可以全部搞定
作者: GoalBased (Artificail Intelligence)   2014-07-20 18:59:00
1. scrollintoview2.我猜是利用透明度3.html + css +javascript 就可以承3,其實你問的是屬於前端的問題,你說的ASP和PHP其實是用來處理後端的另外,這個網頁是屬於資料呈現的,沒有太多程式技巧重點在於,視覺的呈現,這方面就看天分或是否有美工配合
作者: kurtisgod (蹦蹦蹦)   2014-07-20 19:33:00
keywords: jquery single page scroll plugin另外女主角是opacity沒錯 這頁就算用html都可以
作者: crossdunk (推噓自如)   2014-07-20 20:06:00
html+jquery+css 就可以 不難
作者: alog (A肉哥)   2014-07-20 21:25:00
利用別人寫的 jQuery 的 ScrollTo Module 營造出來的效果基本上前端的東西要用 javascript處理至於動畫的呈現那些不如先畫好你要哪些效果o.Ohttp://demos.flesler.com/jquery/scrollTo/右邊的menu那裡的動畫處理應該用這套沒錯其他部分用 javascript/jQuery 計算位置跟做基本fadeIn/Out另外錨點動畫這個也不太需要用到模組就是了 @.@ jQuery原生的animate蠻夠用的
作者: mercedesff (mercedesff)   2014-07-21 02:41:00
非常感謝各位高手的推文!受教了!
作者: poototo (poototo)   2014-07-21 12:55:00
adobe的muse作這種的都基本款而已了
作者: DGnzj (DG)   2014-08-04 11:18:00
這目錄前陣子我同事好像也有用,但改了一個地方右邊menu點下後的不要觸發scrollmove的event。

Links booklink

Contact Us: admin [ a t ] ucptt.com