一个2012年2月份网页日历框架代码

发布时间：2018-08-15 17:46:46 所属栏目：PHP教程来源：站长网

导读：一个2012年2月份网页日历框架代码，一个简单的日历效果，偶然看到有个关于日历的贴子，就自己写了一个，这里只是提供了一个框架而已，如果需要让这个日历动起来，还需要JS脚本的加入，另外如果加了脚本还会有兼容性方面的问题，总之有需要的自己改改吧。

　　一个2012年2月份网页日历框架代码，一个简单的日历效果，偶然看到有个关于日历的贴子，就自己写了一个，这里只是提供了一个框架而已，如果需要让这个日历动起来，还需要JS脚本的加入，另外如果加了脚本还会有兼容性方面的问题，总之有需要的自己改改吧。

　　演示：

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> body{ margin:0; padding:0; line-height:25px;} table{ border:1px solid #ccc; border-collapse:collapse; width:700px; height:500px; font-family:Arial, Helvetica, sans-serif} td{border:1px solid #ccc; padding:5px; text-align:center;height: 80px;width: 80px;} th{ height:30px; font-size:14px;border:1px solid #ccc; text-align:center} .date{ position:relative; right:0;width:100%; display:block; text-align:right;font-family: Verdana, Geneva, sans-serif; font-size:10px; color: #666} .font{ display:block; width:100%; font-size:14px} .font a{ color:#F60;display:block;width:100%;} .date_h{ color:#ddd} .bg_curr{ background:#ffeee4} .date_bg{ background:#ddd;} </style> </head> <body> <table border="0" cellpadding="0" cellspacing="0"> <tr> <th> </th> <th class="date_bg"> 星期天 </th> <th> 星期一 </th> <th> 星期二 </th> <th> 星期三 </th> <th> 星期四 </th> <th> 星期五</th> <th class="date_bg"> 星期六</th> </tr> <tr> <td rowspan="5"> 2012年02月 </td> <td valign="top"> <div class="date date_h">29</div></td> <td valign="top"> <div class="date date_h">30</div></td> <td valign="top"> <div class="date date_h">31</div></td> <td valign="top"> <div class="date">01</div></td> <td valign="top"> <div class="date">02</div></td> <td valign="top"> <div class="date">03</div></td> <td valign="top"> <div class="date">04</div></td> </tr> <tr> <td valign="top"><div class="date">05</div></td> <td valign="top"><div class="date">06</div></td> <td valign="top"><div class="date">07</div></td> <td valign="top"><div class="date">08</div></td> <td valign="top"><div class="date"><b>09</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top" class="bg_curr"><div class="date"><b>10</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>11</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> </tr> <tr> <td valign="top"><div class="date"><b>12</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>13</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>14</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>15</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>16</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>17</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>18</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> </tr> <tr> <td valign="top"><div class="date"><b>19</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>20</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>21</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>22</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>23</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>24</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>25</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> </tr> <tr> <td valign="top"><div class="date"><b>26</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>27</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>28</b></div> <div class="font"> <a href="#">HKD</a> <a href="#">641+</a> </div></td> <td valign="top"><div class="date"><b>29</b></div></td> <td valign="top"><div class="date date_h">01</div></td> <td valign="top"><div class="date date_h">02</div></td> <td valign="top"><div class="date date_h">03</div></td> </tr> </table> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：信阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!