作者fire231 (Bloodmors)
看板Web_Design
标题Re: [问题] 这样的网页要怎麽做?
时间Mon Jul 21 00:31:50 2014
※ 引述《mercedesff (mercedesff)》之铭言:
: 各位大大好
: 我想请问一下以下的网站是怎麽做的
: http://aioninfo.plaync.com.tw/preview/45_0528/index.asp
: 因为我比较在行的是APP
: 网页设计不是我的专业
: 所以对於以上的网页感到非常精美又好奇
: 希望能请问一下它是用到了什麽技术什麽方法...之类的
: 可以说得天花乱坠一点让我崇拜XD (您提供的专有名词我会尽量自己查)
: 也希望能藉此展开网页设计的学习旅途...
: (目前我只会简单的html + css + 类似用frontpage拉出来的简单网页...)
基本上 html + css 就可以做出 『很漂亮』的页面了。
: 比如我最想问的就是
: 1. 为什麽右边的超连结可以让中间主要的部分跟着移动?这是锚点吗?
锚点据我所知已经是很久之前的技术了吧??
几乎很少看人用了
基本上你要让网页活泼一点,就要学『Javascript』,或是函数库『JQuery』
JQ一样是基於JS的语法上写出来的函数库,有很多直接使用的功能
简单说,会JS等於会所有功能,会JQ则是可以很方便的做出大部分特效
----
至於你问的这个问题,就只是操纵你的卷轴而已scroll~
最简单的用法就是使用在页面最下面,可以让你回顶部的按钮。
: 2. 为什麽网页在最top的时候,背景的女主角很亮,但往下卷动後,她就跟着变暗?
: 这样的网页设计实在很漂亮,怎麽做到的?
网页的背景是底层 body
他中间有一个div,在往下拉的时候这个div会被加上 opcity 的STYLE
另外他的透明值是用JS跑的,从卷轴位置计算
所以在滚动的时候处发事件,在这个指定的 div 加上一个遮罩
顺带一提 他div的class 就叫做 mask
然後他原始图片就是半透明的
: 3. 一定要用ASP吗?如果用PHP等等之类的可以做到一样的效果吗?
当然可以
因为要做到这些效果跟你是用ASP 还是用PHP根本没有关系
因为这些效果是使用者端的效果,而这两个语法都是伺服端的处理
: 希望能请多指教...谢谢
有错请各位大能指教,感谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.118.57.79
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1405873912.A.AF1.html
※ 编辑: fire231 (122.118.57.79), 07/21/2014 00:32:21
1F:推 summerleaves:推说明~~ 07/21 01:11
2F:→ lNishan:用JQuery也可避掉一些老旧IE的相容性问题 07/21 01:16
3F:推 mercedesff:非常感谢您!!觉得好精采 !(◎_◎;) 07/21 02:42
4F:推 kenuser:推说明完整 07/30 13:13