页面输出时一些惯用的小技巧

页面输出时一些常用的小技巧

?

1. 菜单一 | 菜单二 | 菜单三(demo1.zip )

?

代码结构：

（图一） （图二） （图三）

要实现如图的这种布局，可以用三个并列关系的div加上样式就可以实现

代码结构：

?

4 .获取浏览器可见区域的宽高，通用方法：

偶然的机会看到了淘宝的这个框架，写得很不错，玉伯的css也非常工整

圆角的切图也挺有意思的，值得我去学习效仿。

?

6 .滚动消息(demo6.zip)



上下往返滚动的消息一般常出现在公告栏或者新闻栏，以前比较喜欢用Marquee标签来实现，不过Marquee实现的滚动会有头尾不能连接起来而导致消息栏出现短暂的空白的缺陷，而且w3c也不支持Marquee标签。所以用js来实现更完美一些。

function?scroll(element,?delay,?speed,?lineHeight)?{ ??????var?numpergroup?=?5; ?? ????var?slideBox?=?(typeof?element?==?'string')?document.getElementById(element):element; ?? ????var?delay?=?delay||1000; ?? ????var?speed=speed||20; ?? ????var?lineHeight?=?lineHeight||20; ?? ????var?tid?=?null,?pause?=?false; ?? ????var?liLength?=?slideBox.getElementsByTagName('li').length; ?? ????var?lack?=?numpergroup-liLength%numpergroup; ?? ????for(i=0;i<lack;i++){ ?? ????slideBox.appendChild(document.createElement("li")); ?? ????} ??????<span st