css自定义弹出框(不使用任何框架样式)

1.效果图如下:该效果完全手写css,不引用外部框架css


image.png

2.html代码:





控制显示隐藏js代码:

$('.mask').css('display','block');
$('.board').css('display','block');

$('.mask').css('display','none');
$('.board').css('display','none');

最后:我把css样式直接写在html中显得比较乱,因为某些原因所以我才写在html中的

你可能感兴趣的:(css自定义弹出框(不使用任何框架样式))