利用js、Jquery、css、html 实现一个日历,不能用插件,并且可以根据给定...

发布网友发布时间：2022-04-28 18:24

共2个回答

热心网友时间：2022-04-07 08:02

是要这种效果吗？

<body>

<table>

<thead>

<tr>

</div>

</td>

</tr>

</tr>

</thead>

</table>

</div>

27</body>

CSS------------------

.cldBody{background:#f7f7f7;width: 420px;margin: 10px auto;}

.cldBody .top{height: 60px;line-height: 60px;text-align: center;position: relative;}

#topDate{font-size: 24px;}

#week td{font-size: 15px;}

td{width: 60px; height: 60px;line-height: 60px;text-align: center;font-size: 20px;}

#tbody td:hover{background: #ededed;cursor: pointer;}

.curDate{color: red;font-weight: bold;}

#left,#right{width: 60px;height: 60px;position: absolute;cursor: pointer;}

#left{left: 0;}

#right{right: 0;}

#left:hover, #right:hover{background-color: rgba(30, 30, 30, 0.2);}

</style>

引入jq

1 <script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>

太多了，我建议你看看这个博主的博客，这个是转载这个博客的网页链接望采纳，谢谢

追问根据给定的日期数组在日历中圈出日期可以实现吗？

追答可以的，这个博主写的，我个人好久没有敲代码了，所以转载他的，555

热心网友时间：2022-04-07 09:20

现在基本都不自己写这些代码了，一个是没用太费时间，一个是有插件拿来就可以用，估计没有大神会帮你。