web前端设计

页头也页尾是用<header>和<footer>做的，方便所有的页面使用。menu上面的弹出隐藏效果刚开始使用的是ul，li做的，可以使用css达到效果。。但是后来为了特殊效果，使用了两个div操作。这个时候由于第二个div（有隐藏效果的div）与第一个div是平级关系，不能使用css达到弹出效果。后来使用了jquery实现。接下来是一个图片自动切换的功能，也是使用jquery达到了效果，没什么好说的。页尾要保证始终在浏览器最下方出现，这个时候需要做到的就是body和html的height:100%，另外需要保留padding-bottom用来放页尾，另外中间内容部分content需要保证把除了页头页尾部分以外的其他所有页面信息都包含在里面，可以使用overflow:hidden将content撑大。页头使用position:fixed，表示始终浮动在浏览器上，但是需要在外面包一层div，并使用pisition:absolute确定页头在页面上