资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
添加一个以前写的table的spliter给大家
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> neverSpliter - http://www.never-online.net </title> <meta http-equiv="ImageToolbar" content="no" /> <meta name="author" content="never-online, BlueDestiny"/> <meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Reference, BlueDestiny, never-online"/> <meta name="description" content="javascript reference, c sharp artilces"/> <meta name="creator.name" content="never-online, BlueDestiny" /> <style type="text/css" media="all" title="Default"> body, td { font:9pt "Verdana"; } table { border:4px solid buttonface; } .innerSpliter { width:4px; height:100%; border:1px outset buttonhighlight; background-color:buttonface; overflow:hidden; cursor:col-resize; } .spliterLine { display:none; top:0px; left:100px; position:absolute; border:2px outset button; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%20%2F%2F%3C!%5BCDATA%5B%20%0D%0A%20function%20getElementOffset(e)%20%0D%0A%20%7B%20%0D%0A%20var%20t%20%3D%20e.offsetTop%3B%20%0D%0A%20var%20l%20%3D%20e.offsetLeft%3B%20%0D%0A%20var%20w%20%3D%20e.offsetWidth%3B%20%0D%0A%20var%20h%20%3D%20e.offsetHeight-1%3B%20%0D%0A%0D%0A%20while(e%3De.offsetParent)%20%7B%20%0D%0A%20t%2B%3De.offsetTop%3B%20%0D%0A%20l%2B%3De.offsetLeft%3B%20%0D%0A%20%7D%20%0D%0A%20return%20%7B%20%0D%0A%20top%20%3A%20t%2C%20%0D%0A%20left%20%3A%20l%2C%20%0D%0A%20width%20%3A%20w%2C%20%0D%0A%20height%20%3A%20h%20%0D%0A%20%7D%20%0D%0A%20%7D%20%0D%0A%20window.onload%20%3D%20function()%20%0D%0A%20%7B%20%0D%0A%20window.lftWrapper%20%3D%20document.getElementById(%22leftWrapper%22)%3B%20%0D%0A%20window.rgtWrapper%20%3D%20document.getElementById(%22rightWrapper%22)%3B%20%0D%0A%20window.splitObj%20%3D%20document.getElementById(%22splitLine%22)%3B%20%0D%0A%20window.bIsMoved%20%3D%20false%3B%20%0D%0A%0D%0A%20document.getElementById(%22spliter%22).onmousedown%20%3D%20handlerDown%3B%20%0D%0A%20document.onmousemove%20%3D%20handlerMove%3B%20%0D%0A%20document.onmouseup%20%3D%20handlerUp%3B%20%0D%0A%20%7D%20%0D%0A%0D%0A%20function%20handlerDown()%20%0D%0A%20%7B%20%0D%0A%20var%20elposition%20%3D%20getElementOffset(document.getElementById(%22spliter%22))%3B%20%0D%0A%20splitObj.evtX%20%3D%20event.clientX-elposition.left%3B%20%0D%0A%20with%20(splitObj.style)%20%0D%0A%20%7B%20%0D%0A%20display%20%3D%20%22block%22%3B%20%0D%0A%20left%20%3D%20elposition.left%3B%20%0D%0A%20cursor%20%3D%20%22col-resize%22%3B%20%0D%0A%20filter%20%3D%20%22alpha(opacity%3D30)%22%3B%20%0D%0A%20height%20%3D%20elposition.height%3B%20%0D%0A%20top%20%3D%20elposition.top%3B%20%0D%0A%20%7D%20%0D%0A%20bIsMoved%20%3D%20true%3B%20%0D%0A%20%7D%20%0D%0A%0D%0A%20function%20handlerMove()%20%0D%0A%20%7B%20%0D%0A%20if%20(!bIsMoved)%20return%3B%20%0D%0A%20splitObj.setCapture()%3B%20%0D%0A%20with%20(splitObj.style)%20%0D%0A%20%7B%20%0D%0A%20left%20%3D%20event.clientX%20-%20splitObj.evtX%3B%20%0D%0A%20cursor%20%3D%20%22col-resize%22%3B%20%0D%0A%20%7D%20%0D%0A%20%7D%20%0D%0A%0D%0A%20function%20handlerUp()%20%0D%0A%20%7B%20%0D%0A%20if%20(!bIsMoved)%20return%3B%20%0D%0A%20lftWrapper.style.width%20%3D%20event.clientX%20-%20splitObj.evtX%3B%20%0D%0A%20bIsMoved%3Dfalse%3B%20%0D%0A%20splitObj.releaseCapture()%3B%20%0D%0A%20splitObj.style.display%20%3D%20%22none%22%3B%20%0D%0A%20%7D%20%0D%0A%0D%0A%20%2F%2F%5D%5D%3E%20%0D%0A%20%3C%2Fscript%3E"> </head> <body id="www.never-online.net"> <div id="splitLine" class="spliterLine"></div> <table cellspacing="0" cellpadding="0" border="0" id="mainWrapper" width="100%" height="500"> <tr> <td width="20%" id="leftWrapper" class="borderTop" valign="top"> I am never-online </td> <td id="spliter" title="drag this line to control leftframe width" width="5" style="overflow:hidden"> <div class="innerSpliter"></div> </td> <td id="rightWrapper" class="borderTop" valign="top"> or BlueDestiny, click here to my <a href="http://blog.never-online.net" _ewebeditor_ta_href="http%3A%2F%2Fblog.never-online.net">blog</a> </td> </tr> </table> <p align="center"> Power By never-online </p> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程