jquery 移动层

nbh219

浏览: 277244 次
性别:
来自: 北京

最近访客更多访客>>

u010478936

changyuan126

BlueAeri

sahala79

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java

<%@ page language="java" contentType="text/html;charset=GBK"%>

<head>

(function($){

$.fn.draggable=function(s){

if(this.size()>1) return this.each(function(i,o){$(o).draggable(s)});

var t=this,h=s?t.find(s):t,m={},to=false,

d=function(v){

v.stopPropagation();

m={ex:v.clientX,ey:v.clientY,x:t.css("position")=="relative"?parseInt(t.css("left")):t.position().left,y:t.css("position")=="relative"?parseInt(t.css("top")):t.position().top,fw:t.get(0).style.width,w:t.width()};

if(t.css("position")=="static") to={"left":m.x,"top":m.y};

$(document).mousemove(b).mouseup(e);

if(document.body.setCapture) document.body.setCapture();

debug(m)

b=function(v){t.css({"left":v.clientX-m.ex+m.x,"top":v.clientY-m.ey+m.y});},

e=function(v){

if(document.body.releaseCapture) document.body.releaseCapture();

$(document).unbind("mousemove").unbind("mouseup");

};

h.mousedown(d);

return t;

};

})(jQuery);

$(document).ready(function(){

$(".showmessage").draggable();

})

function debug(m){

//打印出对象所在页面的具体位置

document.title="ex="+m.ex+" ey="+m.ey+" x="+m.x+" y="+m.y+" fw="+m.fw+" w="+m.w;

}

</script>

<style>

.showmessage { position:absolute;top:250px;left:25px;z-index:999;width:400px;height:180px; background:#CCC;cursor:move; }

</style>

</head>

<body>

<table>

</tr>

</td>

</tr>

</table>

</div>

</body>

</html>

分享到：

jxl读取excel 可以指定读取的行数 | Exception starting filter Struts2 Caught ...

2012-06-20 13:57
浏览 780
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论