js实现移动端手机端日历签到效果代码

代码语言:html

所属分类:布局界面

代码描述:js实现移动端手机端日历签到效果代码

代码标签: 手机 日历 签到 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <style>
        @charset 'utf-8';
    a,
    body {
    	color: #666
    }
    
    .page,
    body {
    	width: 100%
    }
    
    .loading-main .loading-img-main,
    .page {
    	text-align: center
    }
    
    html {
    	height: 100%;
    	margin: 0 auto
    }
    
    body,
    html {
    	-webkit-user-select: element;
    	user-select: element;
    	letter-spacing: 0;
    	background: #f8f9fa;
    	-webkit-touch-callout: none
    }
    
    
    .fn-clear:after {
    	visibility: hidden;
    	height: 0
    }
    
    body {
    	font-family: arial, sans-serif;
    	font-size: 16px;
    	min-height: 100%;
    	-webkit-text-size-adjust: none
    }
    
    body,
    button,
    dd,
    dl,
    dt,
    footer,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    li,
    nav,
    ol,
    p,
    textarea,
    ul {
    	margin: 0;
    	padding: 0;
    	border: none;
    	outline: none;
    	-webkit-font-smoothing: antialiased
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	font-size: 100%;
    	font-weight: 400
    }
    
    form {
    	display: inline
    }
    
    ol,
    ul {
    	list-style: none
    }
    
    a {
    	text-decoration: none
    }
    
     
    img {
    	vertical-align: middle;
    	-ms-interpolation-mode: bicubic;
    	border: 0
    }
    
    em,
    strong {
    	font-weight: 400;
    	font-style: normal;
    	.........完整代码请登录后点击上方下载按钮下载查看

网友评论0