重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
通过jquery的show()和hide()函数联合使用,实现弹出窗口。
成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计、做网站、平湖网络推广、小程序制作、平湖网络营销、平湖企业策划、平湖品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供平湖建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
一、show()和hide()函数解析:
1、show() 方法显示隐藏的被选元素。
注意:show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)。
2、hide() 方法隐藏被选元素。
这与 CSS 属性 display:none 类似,但是隐藏的元素不会被完全显示(不再影响页面的布局)。
二、设计一个HTML页面,包括一个简单的弹出窗,和一个显示按钮。其中,调用了jquery的以上两个函数。具体代码如下:
三、设计遮罩层的样式,如下:
四、弹出窗口的css样式,代码如下:
五、初始页面如下:
六、点击按钮,查看弹出窗口结果:
七、关闭弹出窗后,打开开发者中心,如下:
1、首先,打开手机safari浏览器,进入浏览器界面。
2、进入主界面后,搜索需要添加到主屏幕的网页。
3、在网页所在的页面,点击下方转发的图标,如图。
4、在弹出的选框,下滑,找到并点击【添加到主屏幕】。
5、出现的页面,点击右上角的【添加】即可。
楼主 你把js 里面的函数改一下 改成下面这样就可以了
script
function check() {
var pass1=document.getElementById("pass1");
var pass2=document.getElementById("pass2");
var email=document.getElementById("email");
if(pass1.value!=pass2.value){
pass2.setCustomValidity("密码不一致。");
}
else if(pass1.value==pass2.value){
pass2.setCustomValidity("");
}
else if(!email.checkValidity()){
email.setCustomValidity("请输入正确的Email地址。");
}
else{
email.setCustomValidity("");
}
}
/script