JavaScript点击弹出遮罩层

[一条新裤子的价格]

---------------------------------------------------------------------------------------------------------------
开发工具与关键技术：DW与JS

作者：戴怡斌

撰写时间：2019年1月18日
---------------------------------------------------------------------------------------------------------------

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

图1

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

在这里面还用到css3部分，通过transform和伪类使效果变更佳，最后面的二维码添加一个鼠标移入事件。下面就很简单了，我们看下图实现代码