作者G4321 (小胖罗)
看板Web_Design
标题[问题] 请问这个网页的动态呈现方式会很难吗?
时间Thu Nov 5 22:50:46 2015
最近要做专题 我被分配到要做咖啡豆的历史
下面两个都是动态式的网页
原本是参考这个 不过感觉难度颇高的
http://www.bizbrain.org/coffee/
於是想说用这种方式呈现
http://forbetter.coffee/
但还是想问问看大家 第一个连结中的呈现方式 会需要比较深的技术吗?
PS:目前对CSS还算熟 但CSS3就半熟的状态 会用ANNMATION去做微动画
但还不知道怎麽用滚轮去呈现这种效果就是
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.230.25.222
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1446735051.A.C98.html
1F:推 clerkhsiao: 就只是视差卷轴.. 11/05 23:11
2F:→ iamnodoubt: 我只能说干嘛这麽想不开.. 11/06 01:05
3F:推 chang0206: 专题要搞这麽大?网页设计系? 11/06 09:07
4F:→ G4321: 想不开= =a 怎麽说 11/06 09:24
5F:推 Ken52039: 图要画得漂亮 其他都还好 11/06 10:42
6F:推 pttnews: 不难, 你只要算出scroll位置, 变更图片位置 11/06 11:52
7F:→ RedMapleWing: 本来想说视差有套件可以套呀… 11/06 11:59
8F:→ RedMapleWing: 再看一下范例我的感想也是想不开… 11/06 11:59
9F:→ RedMapleWing: 说难不难,我楼上那位把要做的事说完了 11/06 12:00
10F:→ RedMapleWing: 但光要完成那个就要大量的调整跟测试时间 11/06 12:00
11F:→ RedMapleWing: 碰到满版就更恶心了… 11/06 12:00
12F:→ G4321: 视差原来有这麽难喔? 11/07 02:13
13F:推 iamnodoubt: 对你也可能很简单?自己try就知道?而且严格讲那也不算 11/07 12:13
14F:→ iamnodoubt: Parallax Scrolling 11/07 12:14
15F:→ G4321: 冒昧问一下 像这种动画式的网页 我要搜寻什麽关键字 11/07 13:45
16F:→ G4321: 没事 当我没问 = = 我先挑战看看... 11/07 13:46
17F:推 pm2001: 先不要去管技术 先想一想每一格要怎麽表现 11/07 16:20
18F:→ eggimage: parallax没必要碰 除非你很有经验 不然做出来都是一堆 11/07 16:49
19F:→ eggimage: 跨平台支援性问题 还有效能大扣分 好看 但只有少数情形 11/07 16:50
20F:→ eggimage: 才有实际意义 另外光是windows的卷动效果都很难看了.. 11/07 16:51