[百度空间] 百度空间中实现拖拽、悬浮窗口效果的popup.js分析，如何修改，才能通用？

2008-03-20 01:23:08 587 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

PHP版本对接支付宝支付接口电脑网站详细介绍沙箱环境超简单易懂 PHP版本对接支付宝支付接口其实理顺了思路后，按照我接下来的步骤来，真的超级简单啊，为啥有那么多的朋友们折腾了那么久呢，嘿嘿，跟我走吧~ 我是昨天晚上洗完澡之后，大概八九点，才开始正式开工尝试去这一工程的，我去支付宝的蚂蚁金服开放平台里把各个知识点和文档大概都看了一遍，大致弄明白了要怎么操作了，建议大家看看电脑网站开发文档，忙到了夜里十二点左右，成功地用支付宝给的Demo完成了付款操... 阅读详情

效果不错，但是只能兼容 IE，不兼容 FF,

下载全部代码之后，发现能弹出窗体，但是不能拖动。
function openaddcat(url)
{
g_pop=new Popup({ contentType:1,isHaveTitle:true,scrollType:true,isBackgroundCanClick:false,isSupportDraging:true,isShowShadow:true, isReloadOnClose:false, width:410, height:150 });
g_pop.setContent("title","iframe框架示例");
g_pop.setContent("contentUrl",url);
g_pop.build();
g_pop.show();
}
详情参见：
http://www.cnblogs.com/Csharp-net/archive/2008/03/19/1113442.html

最后，我到网上也找了一些，都是和我一样，说是原封不动的把百度空间的代码扣下来了。
但是在 IE 下运行，弹出窗体之后，都无法拖动。

希望懂 JS 的，可以给我们修改一下，

...全文

GX Works2系统启动失败排查指南：从环境配置到修复方案在工业自动化与PLC编程调试中，软件启动异常是常见的工程痛点。当开发工具因系统环境配置不当而频繁报错时，往往不是简单的重启能解决的。运行库缺失、区域设置错误、临时目录失效或系统服务被禁用，都可能导致编程软件无法完成初始化流程。掌握从基础环境检查到系统组件修复的系统性排查思路，是提升工控开发效率的关键能力。本文从软件初始化原理出发，结合Windows系统维护实践，梳理一套适用于工业软件启动故障的通用诊断方法，并自然聚焦到三菱GX Works2常见启动失败问题的实际处理，帮助工程师快速定位并解决环境性故障，保障阅读详情

web_sky

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

cloudgamer 2008-11-17

打赏
举报

参考一下

jackyBody 2008-03-24

打赏
举报

要到哦　

live_7sky 2008-03-21

打赏
举报

大家看一下演示效果：

http://bbs.51js.com/thread-75568-1-1.html

唯一不足的就是不兼容 FF

live_7sky 2008-03-21

打赏
举报

tjgjp========
看了你的代码，不支持 FF

live_7sky 2008-03-21

打赏
举报

救命啊。

live_7sky 2008-03-21

打赏
举报

以后有问题，就直接点名向你请教。

live_7sky 2008-03-21

打赏
举报

mumuTiger

美女终于搞定了，真的只是加一个 PX 就好了，

准备结贴，但是还有一个请求：加我 QQ :757015000

，哈哈，以后多向你请教。

实在不愿意的话，我星期一就结贴。

live_7sky 2008-03-21

打赏
举报

楼上的
你确定只是 px 的问题，

而不是 IE，与 FF 中的某一些属性，方法不同而导致在FF 下无法拖动。

jackyBody 2008-03-21

打赏
举报

[Quote=引用 3 楼 web_sky 的回复:]
如果在网上搜，一大堆不专业的，
现在可以在 IE 里面用了，但是无法在 FF 下拖动。

JS 里面拖动的代码：
var Dragdrop=new Class();
Dragdrop.prototype=
{
initialize:=width;
this.height=height;
this.shadowWidth=sh…
[/Quote]

类似　x:parseInt(this.oObj.style.left),y:parseInt(this.oObj.style.top)
　都加上＂px＂试试

jackyBody 2008-03-21

打赏
举报

怎么能传附件上来呀　？？？　上传附件找不到地方！

tengfei3003 2008-03-20

打赏
举报

学习拖拽中

web_sky 2008-03-20

打赏
举报

代码也不是很多，哪怕我对 JS 懂一点，我自己也可以修改了，

今天散分，就是希望各位高手帮帮忙。

web_sky 2008-03-20

打赏
举报

希望大家能把上面的JS 代码里面的拖动的几个关键字改一下，让我能在 FF 下用。

web_sky 2008-03-20

打赏
举报

如果在网上搜，一大堆不专业的，
现在可以在 IE 里面用了，但是无法在 FF 下拖动。

JS 里面拖动的代码：
var Dragdrop=new Class();
Dragdrop.prototype=
{
initialize:function(width,height,shadowWidth,showShadow,contentType)
{
this.dragData=null;
this.dragDataIn=null;
this.backData=null;
this.width=width;
this.height=height;
this.shadowWidth=shadowWidth;
this.showShadow=showShadow;
this.contentType=contentType;
this.IsDraging=false;
this.oObj=G('dialogBox');
Event.observe(G('dialogBoxTitle'),"mousedown",this.moveStart.bindAsEventListener(this),false)
}
,moveStart:function(event)
{
this.IsDraging=true;
if(this.contentType==1)
{
G("iframeBG").style.display="";
G("iframeBG").style.width=this.width;
G("iframeBG").style.height=this.height
};
Event.observe(document,"mousemove",this.mousemove.bindAsEventListener(this),false);
Event.observe(document,"mouseup",this.mouseup.bindAsEventListener(this),false);
Event.observe(document,"selectstart",this.returnFalse,false);
this.dragData=
{
x:Event.pointerX(event),y:Event.pointerY(event)
};
this.backData=
{
x:parseInt(this.oObj.style.left),y:parseInt(this.oObj.style.top)
}
}
,mousemove:function(event)
{
if(!this.IsDraging)return;
var iLeft=Event.pointerX(event)-this.dragData["x"]+parseInt(this.oObj.style.left);
var iTop=Event.pointerY(event)-this.dragData["y"]+parseInt(this.oObj.style.top);
if(this.dragData["y"]<parseInt(this.oObj.style.top))iTop=iTop-12;
else if(this.dragData["y"]>parseInt(this.oObj.style.top)+25)iTop=iTop+12;
this.oObj.style.left=iLeft;
this.oObj.style.top=iTop;
if(this.showShadow)
{
G('dialogBoxShadow').style.left=iLeft+this.shadowWidth;
G('dialogBoxShadow').style.top=iTop+this.shadowWidth
};
this.dragData=
{
x:Event.pointerX(event),y:Event.pointerY(event)
};
document.body.style.cursor="move"
}
,mouseup:function(event)
{
if(!this.IsDraging)return;
if(this.contentType==1)G("iframeBG").style.display="none";
document.onmousemove=null;
document.onmouseup=null;
var mousX=Event.pointerX(event)-(document.documentElement.scrollLeft||document.body.scrollLeft);
var mousY=Event.pointerY(event)-(document.documentElement.scrollTop||document.body.scrollTop);
if(mousX<1||mousY<1||mousX>document.body.clientWidth||mousY>document.body.clientHeight)
{
this.oObj.style.left=this.backData["x"];
this.oObj.style.top=this.backData["y"];
if(this.showShadow)
{
G('dialogBoxShadow').style.left=this.backData.x+this.shadowWidth;
G('dialogBoxShadow').style.top=this.backData.y+this.shadowWidth
}
};
this.IsDraging=false;
document.body.style.cursor="";
Event.stopObserving(document,"selectstart",this.returnFalse,false)
}
,returnFalse:function()
{
return false
}
};

yeaky 2008-03-20

打赏
举报

还不如用个jquery,mootools,或者prototype呢，

tjgjp 2008-03-20

打赏
举报

我这有个例子或许能帮助你直接保存成.htm形式就能看到效果

代码：

<script language='JScript'></script>
<html>
<body>
<script>

</script>
</body>
</html>

[百度空间] 百度空间中实现拖拽、悬浮窗口效果的popup.js分析，如何修改，才能通用 ？

相关推荐

[百度空间] 百度空间中实现拖拽、悬浮窗口效果的popup.js分析，如何修改，才能通用？