本文介绍了如何使用HTML5和jQuery实现一个手机端签到日历，该日历支持在移动端通过左右滑动来切换至上一月或下一月。文章详细阐述了CSS样式设置和JavaScript滑动事件处理，包括滑动开始、滑动中和滑动结束时的操作，确保平滑的页面过渡效果。
Title
*{
margin: 0;
padding: 0;
}
body{
padding-top: 80px;
}
#calendar{
width: 560px;
height: 560px;
margin: 0 auto;
}
#tr1{
height: 160px;
}
#tr2{
height: 400px;
}
#view{
position: relative;
}
.page{
position: absolute;
top:0;
width: 100%;
height: 100%;
text-align: center;
}
.page:nth-of-type(2n){
background-color: #a8e5cf;
}
.page:nth-of-type(2n+1){
background-color: #ffa7d7;
}
@media screen and (max-width: 560px){
body{
padding-top: 0;
}
#calendar{
width: 100%;
height: 375px;
}
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
