快捷導(dǎo)航

百度用到的Js日歷大家可以看看

更新時(shí)間：2009年10月24日 11:48:55 作者：

本JavaScript日歷是從百度網(wǎng)站里整理出來(lái)的，費(fèi)了很大勁，因?yàn)楦杏X(jué)這個(gè)日歷簡(jiǎn)直太棒了，沒(méi)有使用任何的外部文件，全部是HTML代碼和Javascirpt實(shí)現(xiàn)。

而且日歷功能很強(qiáng)大，帶有節(jié)日、農(nóng)歷等，運(yùn)行看效果就明白了，相信不會(huì)讓您失望的。

<title>百度的Js日歷，值得一看</title> <table cellpadding="0" cellspacing="0" id="1"> <tr> <td><style> body,td,.p1,.p2,.i{font-family:arial} body{margin:6px 0 0 0;background-color:#fff;color:#000;} table{border:0} #cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px} #cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px} #cal #top select{font-size:12px} #cal #top input{padding:0} #cal ul#wk{margin:0;padding:0;height:25px} #cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none} #cal ul#wk li b{font-weight:normal;color:#c60b02} #cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative} #cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px} #cal #cm .cell .so{font:bold 16px arial;} #cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0} #cal #bm a{color:7977ce} #cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px} #cal #fd b{font-weight:normal;color:#c60a00} </style>  <div   class="wppm3vysvbp"   id="cal"> <div   class="wppm3vysvbp"   id="top">公元&nbsp; <select> </select> &nbsp;年&nbsp; <select> </select> &nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;農(nóng)歷<span></span>年&nbsp;[&nbsp;<span></span>年&nbsp;]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="button" value="回到今天" title="點(diǎn)擊后跳轉(zhuǎn)回今天" style="padding:0px"> </div> <ul id="wk"> <li>一</li> <li>二</li> <li>三</li> <li>四</li> <li>五</li> <li><b>六</b></li> <li><b>日</b></li> </ul> <div   class="wppm3vysvbp"   id="cm"></div> <div   class="wppm3vysvbp"   id="bm"></div> </div></td> </tr> </table>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: