当前位置:Gxlcms > JavaScript > jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)_jquery

jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)_jquery

时间:2021-07-01 10:21:17 帮助过:41人阅读

我们在天猫进行购物的时候,经常会碰到单击删除按钮或者登陆按钮后,弹出对话框问你是否删除或者弹出一个登陆对话框,并且我们也是可以看到我们之前页面的信息,就是点击不了,只有对对话框进行操作后才有相应的变化。截图如下(以天猫为例)

如图所示,上面就是天猫的效果图,其实这就是通过jQuery实现的,并且实现的过程也不是很不复杂,那么现在就让我们来看看实现的过程吧。

首先是页面的布局部分:delete.html
代码如下:




遮罩弹出窗口