我的前端技术也只是入门级，但是我想说两个东西：

1. 你能找到具有这个效果的网站，你就肯定能通过debug工具看到所有的代码，即使是混淆了的也有工具能够转回来。照着看，没有学不会的。
2. 如果你用google还行的话，用关键词搜就行了

思而不学则殆，你想解决的问题你都还没听说过，那么你怎么思考也没有用，多看点书再来

js高级程序设计、权威指南 要比你这些书好的多，看书不是重要的，重要的是多写，想当年哥就是靠在HR面前吹嘘自己多NB，然后找到一份好差！

作为前端来回

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运算出来并动态加载的。说简单点就是获取外层宽度 每个元素高度去算，并决定下一个放在哪里。