首页
下载
购买
案例
模板
教程
授权查询
程序讨论
·
关于最近下载压缩包后360报木马的问题
·
商业模板【通用协会团体模板】发布
·
4.x升级程序发布!
·
老y文章管理系统V4.x更新说明
您现在的位置:
首页
>>
网页特效
>> 内容
网页Div层拖动,拖拽特效代码
时间:2013-07-17 点击:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>网页拖动,网页拖拽代码</title> <style type="text/css"> *{ margin:0; padding:0;} #dragDiv{ width:200px; height:200px; position:absolute; top:100px; left:100px; background:#ddd;} </style> </head> <body> <div id="dragDiv"></div> <script type="text/javascript"> var dragDiv=document.getElementById('dragDiv'); //鼠标按下动作 dragDiv.onmousedown=function(event){ var e=event||window.event, t=e.target||e.srcElement, //鼠标按下时的坐标x1,y1 x1=e.clientX, y1=e.clientY, //鼠标按下时的左右偏移量 dragLeft=this.offsetLeft, dragTop=this.offsetTop; document.onmousemove=function(event){ var e=event||window.event, t=e.target||e.srcElement, //鼠标移动时的动态坐标 x2=e.clientX, y2=e.clientY, //鼠标移动时的坐标的变化量 x=x2-x1, y=y2-y1; dragDiv.style.left=(dragLeft+x)+'px'; dragDiv.style.top=(dragTop+y)+'px'; } document.onmouseup=function(){ this.onmousemove=null; } } </script> </body> </html>
提示:您可以先修改部分代码再运行
Tags:
层
网页
DIV
拖动
特效
代码
上一篇:
始终显示在网页某位置的浮动层,类似对联广告
下一篇:
纯CSS文字环绕图片,画中画广告(文中图)效果
相关文章
·
老y网站哀悼(全站变灰色)代码
·
网页弹出层的JS代码_层和布局特效
·
始终显示在网页某位置的浮动层,类似对联广告
版本信息:V4.06
软件大小:2.35MB
更新时间:2021-01-23
输入域名后查询,如laoy.net
更多问题...
01
.
asp版百度ueditor在线编辑器上传图片大于200k问题修复
02
.
MSSql简单查询出数据表中所有重复数据的方法
03
.
MSSQL复制表数据及表结构
04
.
SQL Server 无法在服务器上访问指定的路径或文件解决方法
05
.
老y网站哀悼(全站变灰色)代码
06
.
老y程序在新版chrome中顶部日期部分显示undefined
07
.
MSSQL2000还原数据库时发生错误,所以未能获得对数据库的排它访问权
08
.
数据库错误[DBNETLIB][ConnectionOpen(Connect()).]SQL Ser
09
.
本地IIS网站无法显示CSS样式和图片
10
.
远程连接阿里云服务器出现
11
.
sql 2000升级到sql 2005后访问速度变慢图文教程
12
.
SQLSERVER存储过程基本语法
13
.
Windows2008上连接Access数据库出现“未指定的错误”
14
.
ckplayer播放视频时要加载完后才播放
15
.
IIS运行ASP站点时提示404错误
16
.
mp4加载失败?服务器iis支持flv,f4v,mp4
17
.
视频有声音,无画面,或有画面,无声音
18
.
win7安装IIS7运行asp+access程序的正确方法
19
.
文件夹名后有"."(一个点)的文件夹创建和删除 方法
20
.
Win7 64位IIS7出现数据库链接出错的解决办法
购买咨询
QQ:97065691
商业技术支持
QQ:22862559
虚拟主机/域名
咨询
QQ:3978698