JavaScript点击弹出遮罩层
开发工具与关键技术:DW与JS
作者:戴怡斌
撰写时间:2019年1月18日
下面我们使用JavaScript控制遮罩层部分,接下来来看一个例子,当我点击图1里的绿色小球弹出一个提示框,见图1
看到截图里的这个提示框说明我们可以继续往下敲,点击确定之后弹出遮罩层,我们看截图js代码部分
在这里面还用到css3部分,通过transform和伪类使效果变更佳,最后面的二维码添加一个鼠标移入事件。
下面就很简单了,我们看下图实现代码
JavaScript点击弹出遮罩层
开发工具与关键技术:DW与JS
作者:戴怡斌
撰写时间:2019年1月18日
下面我们使用JavaScript控制遮罩层部分,接下来来看一个例子,当我点击图1里的绿色小球弹出一个提示框,见图1
看到截图里的这个提示框说明我们可以继续往下敲,点击确定之后弹出遮罩层,我们看截图js代码部分
在这里面还用到css3部分,通过transform和伪类使效果变更佳,最后面的二维码添加一个鼠标移入事件。
下面就很简单了,我们看下图实现代码