论坛首页 » Java,C/C++,Shell,Php,Web 交流区 » Web开发 » [原创]div拖动效果
RSS WAP
统计:回贴:0   阅读:238   最后更新:2007-05-02 00:00
标题: [原创]div拖动效果
iwlk

头衔:灭天使者
等级:一级用户
精华:40
帖子:41 / 26
积分:0

在线时间:2143分
注册时间:2007-01-01 00:00
最后登录:2008-01-19 15:27
鲜花(23)   鸡蛋(34)
#1
[原创]div拖动效果
<div id="title" style="background-color:#0033FF; width:500px; height:20px; position: absolute; left:30px;" onMouseDown="f_d(this);" onMouseMove="f_m(this);" onMouseUp="f_u(this);">欢迎来到 www.chinasolaris.org 和 www.chinafedora.cn 作者:第六世纪</div><br>
<script><br>
<!--作者:第六世纪--><br>
function f_d(obj)<br>
{<br>
obj.down=true;<br>
obj.x=event.offsetX;<br>
obj.y=event.offsetY;<br>
obj.setCapture(); <br>
}<br>
function f_m(obj)<br>
{<br>
if(obj.down)<br>
{<br>
var x=event.clientX<br>
if(x<0)<br>
x=0;<br>
var y=event.clientY;<br>
if(y<0)<br>
y=0;<br>
obj.style.left=x-obj.x;;<br>
obj.style.top=y-obj.y;<br>
}<br>
}<br>
function f_u(obj)<br>
{<br>
if(obj.down)<br>
{<br>
obj.releaseCapture(); <br>
obj.down=false;<br>
}<br>
}<br>
</script>

搜索更多相关主题的帖子:
发表于:2007-05-02 18:39