效果如下所示:
代码如下:
* { margin: 0; padding: 0; } ul, li { list-style: none; } #week { width: 350px; height: 350px; border: 1px solid #ccc; } #week h6 { font-size: 20px; overflow: hidden; height: 40px; line-height: 40px; } #week h6 div { float: left; width: 250px; text-align: center; } #week .prev { float: left; font-size: 12px; width: 50px; cursor: pointer; } #week .next { float: right; font-size: 12px; width: 50px; cursor: pointer; } #week p span { width: 50px; float: left; text-align: center; height: 30px; line-height: 30px; } #week p { background: #ccc; overflow: hidden; height: 30px; } #week ul { margin-top: 10px; } #week ul li { width: 50px; float: left; text-align: center; height: 30px; cursor: pointer; }
以上就是原生js开发的日历插件的详细内容,更多请关注本站其它相关文章!