js遮罩效果制作弹出注册界面效果

本文实例为大家分享了射流研究…遮罩效果弹出界面的具体代码，供大家参考，具体内容如下

head meta charset='UTF-8 '标题遮罩/title style * { margin : 0；padd : 0；} #阴影{位置：固定；宽度： 100%;高度： 100%;显示器：无；} .阴影背景{宽度： 100%;高度： 100%;背景色： # CCCCCC；opacity: 0.5 } #注册{相对位置：背景-color : # fff；宽度： 500像素；height : 300 pxtop :-70%；margin : 0 auto }/style/head dydiv id=' shade ' div class=' shade-background '/div div id=' register '用户名输入类型=' name=' id=' value=' '/br/密码输入类型=' name=' id=' value=' '/br/输入类型=' submit ' name=' ' id=' reg ' value='注册//div/divdiv输入类型=' button ' name=' ' id=' btn ' value='弹出遮罩//div/body脚本var shade=document。getelementbyid(' shade ')；var BTN=文档。getelementbyid(' BTN ')；var reg=文档。getelementbyid(' reg ')；BTN。onclick=function(){ shade。风格。display=' block ' } reg。onclick=function(){ shade。风格。display=' none ' }/脚本效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。