JavaScript点击弹出遮罩层

					JavaScript点击弹出遮罩层

开发工具与关键技术:DW与JS

作者:戴怡斌

撰写时间:2019年1月18日

下面我们使用JavaScript控制遮罩层部分,接下来来看一个例子,当我点击图1里的绿色小球弹出一个提示框,见图1
在这里插入图片描述

看到截图里的这个提示框说明我们可以继续往下敲,点击确定之后弹出遮罩层,我们看截图js代码部分

在这里插入图片描述

在这里面还用到css3部分,通过transform和伪类使效果变更佳,最后面的二维码添加一个鼠标移入事件。

下面就很简单了,我们看下图实现代码
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44561520/article/details/86546220
今日推荐