添加一个以前写的table的spliter给大家

更新时间：2007年01月09日 00:00:00 作者：

<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>  <script type="text/javascript">  //<![CDATA[  function getElementOffset(e)  {  var t = e.offsetTop;  var l = e.offsetLeft;  var w = e.offsetWidth;  var h = e.offsetHeight-1;  while(e=e.offsetParent) {  t+=e.offsetTop;  l+=e.offsetLeft;  }  return {  top : t,  left : l,  width : w,  height : h  }  }  window.onload = function()  {  window.lftWrapper = document.getElementById("leftWrapper");  window.rgtWrapper = document.getElementById("rightWrapper");  window.splitObj = document.getElementById("splitLine");  window.bIsMoved = false;  document.getElementById("spliter").onmousedown = handlerDown;  document.onmousemove = handlerMove;  document.onmouseup = handlerUp;  }  function handlerDown()  {  var elposition = getElementOffset(document.getElementById("spliter"));  splitObj.evtX = event.clientX-elposition.left;  with (splitObj.style)  {  display = "block";  left = elposition.left;  cursor = "col-resize";  filter = "alpha(opacity=30)";  height = elposition.height;  top = elposition.top;  }  bIsMoved = true;  }  function handlerMove()  {  if (!bIsMoved) return;  splitObj.setCapture();  with (splitObj.style)  {  left = event.clientX - splitObj.evtX;  cursor = "col-resize";  }  }  function handlerUp()  {  if (!bIsMoved) return;  lftWrapper.style.width = event.clientX - splitObj.evtX;  bIsMoved=false;  splitObj.releaseCapture();  splitObj.style.display = "none";  }  //]]>  </script>  </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">blog</a>  </td>  </tr>  </table>  <p align="center"> Power By never-online </p>  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

添加一个以前写的table的spliter给大家

原生JS取代一些JQuery方法的简单实现
下面小编就为大家带来一篇原生JS取代一些JQuery方法的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
js不能跳转到上一页面的问题解决方法
用JS：history.go(-1)就可以回到A页面，如果使用Click,Change事件等激发了页面的回传，此时用history.go(-1)就回不到A页面了，遇到此问题的朋友们可以祥看本文
2013-03-03
微信小程序使用vant组件库的详细步骤
VantWeapp是有赞团队开源的小程序UI组件库,可快速搭建小程序项目,小程序支持npm安装第三方包,但需使用开发者工具构建,VantWeapp提供全局和局部注册方式,支持自定义事件和插槽,可通过解除样式隔离、使用外部样式类和CSS变量修改组件样式
2024-09-09
JavaScript高级程序设计客户端存储学习笔记
JavaScript高级程序设计客户端存储学习笔记，在客户端用于存储会话信息
2011-09-09
JavaScript Base64编码和解码，实现URL参数传递。
JavaScript Base64编码和解码，实现URL参数传递。...
2006-09-09
web开发跨域原因的多种解决方案
我们在web项目开发中，经常会遇到各种跨域的问题，本文带你解决web开发中多种跨域原因的解决，有需要的朋友可以借鉴参考下，希望能够有所帮助
2021-09-09
JS实现百度搜索接口及链接功能实例代码
这篇文章主要介绍了JS实现百度搜索接口及链接功能实例代码,需要的朋友可以参考下
2018-02-02
javascript中onclick(this)用法介绍
this指触发事件的对象，接下来为大家分享下javascript中onclick(this)的用法，感兴趣的朋友可以参考下哈，希望对你有所帮助
2013-04-04
Node.js API详解之 zlib模块用法分析
这篇文章主要介绍了Node.js API详解之 zlib模块用法,结合实例形式分析了Node.js API中zlib模块基本功能、函数使用方法与操作注意事项,需要的朋友可以参考下
2020-05-05
Three.js的使用及绘制基础3D图形详解
这篇文章主要介绍了Three.js的使用及绘制基础3D图形的相关资料，文中介绍的非常详细，对大家学习或者使用three.js具有一定的参考价值，需要的朋友们下面来一起看看吧。
2017-04-04

添加一个以前写的table的spliter给大家

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具