用AJAX实现这种效果,在当前页面打开一个网站不会跳转到另一个页面,只是出来一个方框这样效果

用AJAX实现这种效果,在当前页面打开一个网站不会跳转到另一个页面,只是出来一个方框这样效果,然后背景变黑色,这样效果怎么弄的,请大家把这样AJAX源码贴上来我用的是PH... 用AJAX实现这种效果,在当前页面打开一个网站不会跳转到另一个页面,只是出来一个方框这样效果,然后背景变黑色,这样效果怎么弄的,请大家把这样AJAX源码贴上来 我用的是PHP 有这样的DEMO发上来 分会更多
我要的是代码
展开
 我来答
bonewu
2010-01-20 · TA获得超过2117个赞
知道答主
回答量:398
采纳率:50%
帮助的人:109万
展开全部
这个需要两个步骤:
1.就是这种遮罩层效果;
2.就是嵌入的网页;
这个其实不需要使用AJAX,因为你是在一个弹出层里面显示另一个页面,可以使用iframe嵌套进来,同样不会跳转到其他页面。
至于遮罩层效果,按照以下思想来做:

1.设置一个遮罩层,透明度为20%;
2.点击事件触发的时候执行一个js函数,函数内容为计算页面高度和宽度,然后设置这个遮罩层的宽度和高度与其相等,这样就实现了页面变暗。
3.设置一个窗口层,同样在点击事件的js函数中,计算当前可视屏的宽度和高度以及top和left,然后设置这个窗口层居中。另外这个窗口层中需要有一个iframe嵌入你要显示的另一个页面。
4.编写一个函数closePop(),实现隐藏遮罩层和居中的窗口层,当点击关闭按钮后,调用js中的closePop()以实现关闭层。

只需要编写两个js函数,一个用来显示层,一个用来隐藏层。难点就是显示层的时候,要计算页面高度宽度等信息,以实现让遮罩层完全遮罩网页,以及让窗口层居中。

具体代码就不写出来了,主要是思路。
当然,你最好可以将这种显示及关闭遮罩层的代码封装为一个js类,抽取共同部分,方便在以后调用。
网上也有许多类似的案例和代码可以参考。
aiimi
2010-01-19 · TA获得超过377个赞
知道小有建树答主
回答量:780
采纳率:0%
帮助的人:0
展开全部
用Js框架,Windows.js
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式