※ 引述《xo1100 (虾蒸河粉)》之铭言：
: 各位版上大大晚上好
: 小弟又有一些疑问要求救了m(- -)m
: http://www.columnfivemedia.com/
: 那个网页在开始加载的时候
: 会出现一条的PROGRESS
: 请问那效果是用CSS出来的还是有用JS处理
: 之前有上GIT去爬过可是都没有我想要的答案-_-
那条loading bar 是这个
<div class="loader" style="display: block; width: 100%;"></div>
用js去控制width跟display
: 第二个问题是
: 目前在做CSS3的动画效果
: 如果要分次加载动画(卷轴往下拉的时候)
: 是要设定哪方面才能做出来呢
: 像以下网页下拉的时候六个项目用动画的效果出来
: http://goo.gl/TSu4Kk
: 目前小弟只想的出来是用@media设定长度
: 不知道这方向是不是对的
不是很懂你的意思
那种效果大概都是
监听scroll, 拉到设定的位置触发对某个元素加上class
透过transition做出动画效果
然后你看他会有时间差..是因为他加了setTimeout
就是经过你设定的时间后才加class.才做动画
: 还有如果缩小视窗
: 板块如何还有滑动的效果
: 不会生硬的直接跳到定位呢
: 大概像这个效果
: http://day-design.net/
: 这方面又是怎么做出来的呢
有时这种效果看起来比较复杂的都是外挂
你看他汇进的js档去猜
js档上面都有注解.不难找
http://isotope.metafizzy.co/v1/demos/fluid-responsive.html
: 这些事小弟几个月来学习还未解决的方面
: (光是在同一个浏览器而已
: 最近还发现在Firefox上JS跟css3效果跑不出来
: 用了moz也一样 orz)
: 请问这几个方面有什么关键字吗
: 再次感谢大大们的解答了
http://caniuse.com/
可以到这看浏览器支援状况
跑不出来看console有没有错误..
问题讲具体一点才有办法帮忙研究