Toggle navigation
首页
热门资讯
资源下载
技术博客
会员
中心
会员中心
发布博文
发布资源
首页
文章中心
JavaScript
拖动层
198 阅读
0 评论
131 点赞
我是
靠谱客
的博主
伶俐御姐
,这篇文章主要介绍
拖动层
,现在分享给大家,希望可以做个参考。
<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"> 窗口一</td> </tr> <tr> <td class="vwinbody" forid="win01"> </td> </tr> </table> <table id="win02" class="vwin" width="300" height="200" cellspacing="0" cellpadding="0" border="0"> <tr> <td class="vwintit" forid="win02"> 窗口二</td> </tr> <tr> <td class="vwinbody" forid="win02"> </td> </tr> </table> <table id="win03" class="vwin" width="300" height="200" cellspacing="0" cellpadding="0" border="0"> <tr> <td class="vwintit" forid="win03"> 窗口三</td> </tr> <tr> <td class="vwinbody" forid="win03"> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最后
以上就是
伶俐御姐
最近收集整理的关于
拖动层
的全部内容,更多相关
拖动层
内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(
131
)
本文分类:
JavaScript
浏览次数:
198
次浏览
发布日期:2022-04-10 17:38:02
本文链接:
https://www.kaopuke.com/article/k-p-k_14_u_7_o_14_f2_13__7__6_z.html
相关文章
Linux安装配置Tomcat教程
电脑屏幕上总有方块按钮残影该怎么删除?
莫贪小便宜 电视购物“笔记本”陷阱重重
3DSMAX制作逼真超酷的钢铁侠
拖动层
轻松备份Windows活动目录的方法及使用的硬件设备
win7系统旗舰版中Flash Player被禁用怎么办?win7系统Fl
HTML5 表单验证失败的提示语问题
评论列表
共有
0
条评论
发表评论
取消回复
登录
注册新账号
立即
投稿
微信扫一扫:分享
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
返回
顶部
发表评论 取消回复