用AJAX实现这种效果,在当前页面打开一个网站不会跳转到另一个页面,只是出来一个方框这样效果
用AJAX实现这种效果,在当前页面打开一个网站不会跳转到另一个页面,只是出来一个方框这样效果,然后背景变黑色,这样效果怎么弄的,请大家把这样AJAX源码贴上来我用的是PH...
用AJAX实现这种效果,在当前页面打开一个网站不会跳转到另一个页面,只是出来一个方框这样效果,然后背景变黑色,这样效果怎么弄的,请大家把这样AJAX源码贴上来 我用的是PHP 有这样的DEMO发上来 分会更多
我要的是代码 展开
我要的是代码 展开
2个回答
展开全部
这个需要两个步骤:
1.就是这种遮罩层效果;
2.就是嵌入的网页;
这个其实不需要使用AJAX,因为你是在一个弹出层里面显示另一个页面,可以使用iframe嵌套进来,同样不会跳转到其他页面。
至于遮罩层效果,按照以下思想来做:
1.设置一个遮罩层,透明度为20%;
2.点击事件触发的时候执行一个js函数,函数内容为计算页面高度和宽度,然后设置这个遮罩层的宽度和高度与其相等,这样就实现了页面变暗。
3.设置一个窗口层,同样在点击事件的js函数中,计算当前可视屏的宽度和高度以及top和left,然后设置这个窗口层居中。另外这个窗口层中需要有一个iframe嵌入你要显示的另一个页面。
4.编写一个函数closePop(),实现隐藏遮罩层和居中的窗口层,当点击关闭按钮后,调用js中的closePop()以实现关闭层。
只需要编写两个js函数,一个用来显示层,一个用来隐藏层。难点就是显示层的时候,要计算页面高度宽度等信息,以实现让遮罩层完全遮罩网页,以及让窗口层居中。
具体代码就不写出来了,主要是思路。
当然,你最好可以将这种显示及关闭遮罩层的代码封装为一个js类,抽取共同部分,方便在以后调用。
网上也有许多类似的案例和代码可以参考。
1.就是这种遮罩层效果;
2.就是嵌入的网页;
这个其实不需要使用AJAX,因为你是在一个弹出层里面显示另一个页面,可以使用iframe嵌套进来,同样不会跳转到其他页面。
至于遮罩层效果,按照以下思想来做:
1.设置一个遮罩层,透明度为20%;
2.点击事件触发的时候执行一个js函数,函数内容为计算页面高度和宽度,然后设置这个遮罩层的宽度和高度与其相等,这样就实现了页面变暗。
3.设置一个窗口层,同样在点击事件的js函数中,计算当前可视屏的宽度和高度以及top和left,然后设置这个窗口层居中。另外这个窗口层中需要有一个iframe嵌入你要显示的另一个页面。
4.编写一个函数closePop(),实现隐藏遮罩层和居中的窗口层,当点击关闭按钮后,调用js中的closePop()以实现关闭层。
只需要编写两个js函数,一个用来显示层,一个用来隐藏层。难点就是显示层的时候,要计算页面高度宽度等信息,以实现让遮罩层完全遮罩网页,以及让窗口层居中。
具体代码就不写出来了,主要是思路。
当然,你最好可以将这种显示及关闭遮罩层的代码封装为一个js类,抽取共同部分,方便在以后调用。
网上也有许多类似的案例和代码可以参考。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询