作者mercedesff (mercedesff)
看板Web_Design
标题[问题] 这样的网页要怎麽做？
时间Sun Jul 20 18:04:33 2014
各位大大好
我想请问一下以下的网站是怎麽做的
http://aioninfo.plaync.com.tw/preview/45_0528/index.asp
因为我比较在行的是APP
网页设计不是我的专业
所以对於以上的网页感到非常精美又好奇
希望能请问一下它是用到了什麽技术什麽方法...之类的
可以说得天花乱坠一点让我崇拜XD （您提供的专有名词我会尽量自己查）
也希望能藉此展开网页设计的学习旅途...
（目前我只会简单的html + css + 类似用frontpage拉出来的简单网页...）
比如我最想问的就是
1. 为什麽右边的超连结可以让中间主要的部分跟着移动？这是锚点吗？
2. 为什麽网页在最top的时候，背景的女主角很亮，但往下卷动後，她就跟着变暗？
这样的网页设计实在很漂亮，怎麽做到的？
3. 一定要用ASP吗？如果用PHP等等之类的可以做到一样的效果吗？
希望能请多指教...谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 27.52.8.110
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1405850676.A.01E.html
1F：推 gg90052:好像没啥特别的....一个jQuery就可以全部搞定 07/20 18:35
2F：推 GoalBased:1. scrollintoview 07/20 18:59
3F：→ GoalBased:2.我猜是利用透明度 07/20 18:59
4F：→ GoalBased:3.html + css +javascript 就可以 07/20 19:00
5F：→ GoalBased:承3，其实你问的是属於前端的问题，你说的ASP和PHP 07/20 19:01
6F：→ GoalBased:其实是用来处理後端的 07/20 19:01
7F：→ GoalBased:另外，这个网页是属於资料呈现的，没有太多程式技巧 07/20 19:02
8F：→ GoalBased:重点在於，视觉的呈现，这方面就看天分或是否有美工配合 07/20 19:03
9F：→ kurtisgod:keywords: jquery single page scroll plugin 07/20 19:33
10F：→ kurtisgod:另外女主角是opacity没错 这页就算用html都可以 07/20 19:34
11F：→ crossdunk:html+jquery+css 就可以 不难 07/20 20:06
12F：→ alog:利用别人写的 jQuery 的 ScrollTo Module 营造出来的效果 07/20 21:25
13F：→ alog:基本上前端的东西要用 javascript处理 07/20 21:26
14F：→ alog:至於动画的呈现那些不如先画好你要哪些效果o.O 07/20 21:26
16F：推 alog:右边的menu那里的动画处理应该用这套没错 07/20 21:30
17F：→ alog:其他部分用 javascript/jQuery 计算位置跟做基本fadeIn/Out 07/20 21:31
18F：→ alog:另外锚点动画这个也不太需要用到模组就是了 @.@ jQuery原生 07/20 21:32
19F：→ alog:的animate蛮够用的 07/20 21:32
20F：→ mercedesff:非常感谢各位高手的推文！受教了！ 07/21 02:41
21F：推 poototo:adobe的muse作这种的都基本款而已了 07/21 12:55
22F：推 DGnzj:这目录前阵子我同事好像也有用，但改了一个地方 08/04 11:18
23F：→ DGnzj:右边menu点下後的不要触发scrollmove的event。 08/04 11:20