网页分栏特效

大中小文章来源：万象互联更新时间：2011-8-18 14:30:33

用JS实现的不错的网页分栏特效，看看能用在什么地方吧？

<html> <head> <script language="javascript">  </script> <style type="text/css">  </style> </head> <body> <div id="head" style="overflow:auto; height:100"> <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0"> <tr valign="top"> <td> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> </td> <td> </td> </tr> </table> </div> <div id="splitLine" height="20"> <hr onmousedown="initDrag(this);" onmouseup="freeDrag(this);" onmousemove="doDrag();" style="cursor:row-resize" color="#c6d7ff" noShade size="5"> </div> <div id="foot" style="overflow:auto; height:300"> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr valign="top"> <td> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> fgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg<br> </td> <td>gggggggggggggggggg</td> </tr> </table> </div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

版权说明:本站原创文章,由万象互联 SEO优化发表.
本文地址:https://www.hulian.top/zixun/post/4089.html

分享到：QQ空间新浪微博腾讯微博微信百度贴吧百度空间搜狐微博