做完HTML&CSS、jQuery、JavaScript的练习、想模仿着做个网站、发现问题很多、懂的进来解惑
由 PeterLiu 发布于 2014年03月15日 ｜ 更新于 2014年03月17日无人欣赏。
目的是前段时间想做个个人网站、 就到codecademy上， 把HTML&CSS、jQuery、JavaScript、Python和PHP的题目都刷完了一遍、 也看了两本书、《无懈可击的WEB设计》和《响应式WEB设计》、都不止一遍、
网站上的练习做完、再看过两本书、发现这些跟c++还是蛮不一样的、不过也好玩的多、 于是想先仿个 http://www.humansofnewyork.com/ 这个站练习练习、 但是缺完全没头绪、
遇到的问题： a)浏览器窗口大小变化的时候、图片排列跟着变化、找书看了响应式WEB设计章节、但不知道这站怎么实现的、 b)鼠标放到单张图片的时候、图片上下出现一些文字信息、知道这是HOVER、不知道怎么实现他这个效果、 c)点击单张图片、图片会跃出、这是什么知识点？ d)所有图片都瀑布流式、这个是哪个知识点？
像我这种练习做起来没问题、解决实际问题就四顾茫然的情况、 有前辈能帮忙治治么、
共4条回复
lory_yang 回复于 2014年03月16日
我的前端技术也只是入门级，但是我想说两个东西：
- 你能找到具有这个效果的网站，你就肯定能通过debug工具看到所有的代码，即使是混淆了的也有工具能够转回来。照着看，没有学不会的。
- 如果你用google还行的话，用关键词搜就行了
yeh 回复于 2014年03月17日
作为前端来回
1 css范畴，参看media query（css3）或不定宽布局（css2，这个在mobile web上很常见，因为要自适应宽度），js监控窗口改变改大小也可以，但不推荐。
2 css2范畴，hover你没看懂，当然js也可以实现，mouseover和mouseout事件触发显示和隐藏，jquery里mousepver和mouseout或者hover都可以。不推荐js如果你不需要兼容ie6的话。
3 jqiery事件不熟你，基本api都没看完吧。
4 目前的常见流布局，位置运算不是靠css实现，而是js运算出来并动态加载的。说简单点就是获取外层宽度 每个元素高度去算，并决定下一个放在哪里。