PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 這樣的網頁要怎麼做?
作者:
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.O
http://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。
繼續閱讀
Re: [問題] 救命QQ 覆寫index.php 後台更新前台沒反應
stopthemob
[徵求] 網站前端工程師(台北)
students
Re: [問題] 如何在full screen的頁面上增加置中div
geniuswen
[問題] @media 會計入卷軸(或視窗邊框)嗎?
oj113068
[問題] 如何在full screen的頁面上增加置中div
cgcat
[問題] 手機縮放網頁
woti
[問題] 救命QQ 覆寫index.php 後台更新前台沒反應
stopthemob
[問題] js投影片無法播放
nekobe5124
[問題] html5網頁裡的單一標籤
woti
[問題] google plus login button
shiou
Links
booklink
Contact Us: admin [ a t ] ucptt.com