您的位置:首页 > Web前端 > JQuery

jquery 的 thickbox 弹出可拖动的div层

2011-08-31 09:27 253 查看
<input class="thickbox button" type="button" name="button3" id="button3" titleVal="<bean:message key="feedback.replyCustomertitle"/>"

opt="#TB_inline?height=200&width=530&inlineId=tab100" value="<bean:message key="feedback.replyCustomer"/>" />

在thickbox.js中添加:

$("#TB_window").append("<div id='TB_top'><div id='TB_title' style='cursor:move;'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'><img src='"+tad_close+"'></a></div></div><div id='TB_ajaxContent'
style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div></div>");

var x = 0;

var y = 0;

var check = false;

$(function(){$('#TB_top').mousedown(function(evt){

check = true;

x = evt.pageX-parseInt($('#TB_window').css('left'),10);

y = evt.pageY-parseInt($('#TB_window').css('top'),10);

});

});

$(function(){$(document).mousemove(function(evte){

if(!check) return false;

$('#TB_window').css('top',evte.pageY-y);

$('#TB_window').css('left',evte.pageX-x);

});

});

$(function(){$(document).mouseup(function(){

check = false;

});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: