weiui+jquery实现手机端验证码发送倒计时登陆页面效果代码
代码语言:html
所属分类:布局界面
代码描述:weiui+jquery实现手机端验证码发送倒计时登陆页面效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <title>无标题文档</title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/weui.0.4.3.css"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jquery-weui.min.css"> <style> @charset "utf-8"; /* CSS Document */ .boxPosition { text-align: center; float: left; width: 95%; background: #878787; } .phnenumber { border: none; height: 36px; width: 320px; margin-bottom: 10px; } .Verification_code { border: none; height: 36px; width: 220px; } .button { height: 36px; width: 90px; border: none; color: #fff; border-radius: 4px; background: #1aad19; } .button:active { background: #0D720C; } body, html { height: 100%; -webkit-tap-highlight-color: transparent; } .demos-title { text-align: center; font-size: 34px; color: #3cc51f; font-weight: 400; margin: 0 15%; } .demos-sub-title { text-align: center; color: #888; font-size: 14px; } .demos-header { padding: 35px 0; } .demos-content-padded { padding: 15px; } .demos-second-title { text-align: center; font-size: 24px; color: #3cc51f; font-weight: 400; margin: 0 15%; } footer { text-align: center; font-size: 14px; padding: 20px; } footer a { color: #999; text-decoration: none; } </style> </head> <body> <form style=&qu.........完整代码请登录后点击上方下载按钮下载查看
网友评论0