拖动层

更新时间：2006年10月27日 00:00:00 作者：

<html> <head> <title>拖动层</title> <style>     td{font-size:12px;}     /*模拟窗体*/     .vwin{         position:absolute;         border-top: 2px outset buttonhighlight;         border-left: 2px outset buttonhighlight;         border-bottom: 2px outset buttonshadow;         border-right: 2px outset buttonshadow;     }     .vwintit{height:18px;background-color:#000099;color:#ffffff;font-weight:bold;cursor:move;}     .vwinbody{background-color:#D6D3CE;} </style> </head> <body>     <table id="win01" class="vwin" width="300" height="200" cellspacing="0" cellpadding="0" border="0">         <tr>             <td class="vwintit" forid="win01">&nbsp;窗口一</td>         </tr>         <tr>             <td class="vwinbody" forid="win01">&nbsp;</td>         </tr>     </table>     <table id="win02" class="vwin" width="300" height="200" cellspacing="0" cellpadding="0" border="0">         <tr>             <td class="vwintit" forid="win02">&nbsp;窗口二</td>         </tr>         <tr>             <td class="vwinbody" forid="win02">&nbsp;</td>         </tr>     </table>     <table id="win03" class="vwin" width="300" height="200" cellspacing="0" cellpadding="0" border="0">         <tr>             <td class="vwintit" forid="win03">&nbsp;窗口三</td>         </tr>         <tr>             <td class="vwinbody" forid="win03">&nbsp;</td>         </tr>     </table> <script>     //This javascript was writen by dron     var md=false,mobj,ox,oy,index=1000;     function document.onmousedown(){         winfocus();         if(event.srcElement.className=="vwintit")         {             md = true;             mobj = document.getElementById(event.srcElement.forid);             ox = mobj.offsetLeft - event.x;             oy = mobj.offsetTop - event.y;         }     }     document.onmouseup=function(){md=false;}     function document.onmousemove()     {         if(md)         {             mobj.style.left = event.x + ox;             mobj.style.top = event.y + oy;         }     }     function winfocus()     {         fobj=document.getElementById(event.srcElement.forid);         if(fobj==null){return false}         if(fobj.style.zIndex!=index)         {                 index = index + 1;                 fobj.style.zIndex=index;         }     }     document.onclick=winfocus; </script> </body> </html>

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

拖动层

前端插件之Bootstrap Dual Listbox使用教程
这篇文章主要介绍了前端插件之Bootstrap Dual Listbox使用教程，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
2019-07-07
javascript变量作用域使用中常见错误总结
刚看了一篇文章对js作用域的理解又会上升到一个新的台阶，javascript里变量作用域是个经常让人头痛抓狂的问题,接下来对经常遇到又容易出错的情况进行了简单总结，感兴趣的各位可以参考下哈
2013-03-03
一个最简单的级联下拉菜单
一个最简单的级联下拉菜单...
2006-12-12
前端内网开发npm安装的几种方法小结
这篇文章主要介绍了如何在不联网或离线环境下安装npm依赖,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
2025-01-01
Javascript新手入门之字符串拼接与变量的应用
这篇文章主要给大家介绍了关于Javascript新手入门之字符串拼接与变量应用的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12
JavaScript仿百度图片浏览效果
这篇文章主要为大家详细介绍了JavaScript仿百度图片浏览效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
微信小程序云开发使用方法新手初体验
微信小程序云开发使用方法新手初体验，开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
JS批量修改PS中图层名称的方法
批量修改PS中图层名称的方法有很多，在本文为大家介绍下使用js是如何实现的
2014-01-01
Bootstrap进度条组件知识详解
在网页中，经常见到进度条效果，那么这些个性的进度条组件效果是怎么实现的呢，下面脚本之家小编给大家分享Bootstrap进度条组件知识详解，感兴趣的朋友要求学习吧
2016-05-05
如何在uniapp中获取可视区域的高度(uni.getSystemInfo)
这篇文章主要给大家介绍了关于如何在uniapp中获取可视区域的高度(uni.getSystemInfo)的相关资料,文中通过图文以及实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下
2023-04-04

拖动层

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具