域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
其它特效
>> 正文
可以用鼠标拖动的表格
作者:
天诚世纪
更新时间:2009-6-4 11:22:01
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|tc-21.com|---可以用鼠标拖动的表格</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- var currentMoveObj = null; //当前拖动对象 var relLeft; //鼠标按下位置相对对象位置 var relTop; function f_mdown(obj) { currentMoveObj = obj; //当对象被按下时,记录该对象 currentMoveObj.style.position = "absolute"; relLeft = event.x - currentMoveObj.style.pixelLeft; relTop = event.y - currentMoveObj.style.pixelTop; } window.document.onmouseup = function() { currentMoveObj = null; //当鼠标释放时同时释放拖动对象 } function f_move(obj) { if(currentMoveObj != null) { currentMoveObj.style.pixelLeft=event.x-relLeft; currentMoveObj.style.pixelTop=event.y-relTop; } } //--> </SCRIPT> <BODY> <TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> <TR> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD> </TR> <TR> <TD align="center" height="60">content</TD> </TR> </TABLE> <TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> <TR> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD> </TR> <TR> <TD align="center" height="60">content</TD> </TR> </TABLE> </body> </html>
.
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090604112201.html
上一篇文章:
表格里的斜线,类似课程表的斜线
下一篇文章:
用JScript实现的Email地址验证
更多关于
其它特效
的新闻
相关文章
更方便的单选框
站内搜索脚本(二)
FTP页面登录
有检测功能的表单递交脚本
E-mail形式的密码登录窗口
用密码保护页面
进入页面弹出收藏夹提示
站内搜索脚本(三)
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::