《js实现带农历和八字等信息的日历特效_》由会员分享,可在线阅读,更多相关《js实现带农历和八字等信息的日历特效_(31页珍藏版)》请在金锄头文库上搜索。
1、js实现带农历和八字等信息的日历特效_ 本文主要介绍了js实现带农历和八字等信息的日历特效,我觉得挺不错的,现在分享给大家,也给大家做个参考 自己也尝试着做了一下,收获蛮大,把握了js日历特效的实现原理后,再想增加更多的功能,完全就可以自由发挥了,先在这里分享一下吧,有爱好的可以试试! 本文实例为大家分享了js实现带农历等信息的日历特效,代码量很大,供大家参考,具体内容如下 效果图: 实现代码: 代码如下: HTML HEAD TITLE万年历/TITLE META content=农历; 阳历; 月历; 节日; 时区; 节气; 八字; 干支; 生肖; gregorian solar; chi
2、nese lunar; calendar; name=keywords META content=All name=robots META content=gregorian solar calendar and chinese lunar calendar name=description meta charset=UTF-8/ style type=text/css body margin: 0px; padding: 0px; /style /head body centerbr table cellpadding=0 cellspacing=0 id=1 tr td style #ca
3、l 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: 30px; #cal #top select font-size: 12px; #cal #top input padding: 0; #cal ul#wk margin: 0; padding: 0; height: 25px; #cal ul#
4、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:
5、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
6、; line-height: 21px; width: 150px; #cal #fd b font-weight: normal; color: #c60a00; /style !-if IE style#cal #toppadding-top:4px;#cal #top inputwidth:65px;#cal #fdwidth:170px;/style !endif- div id=cal div id=top公元 select/select 年 select/select月农历span/span年span/span年input type=button value=回到今日 title=
7、点击后跳转回今日 style=padding:0px/div ul id=wk li一/li li二/li li三/li li四/li li五/li lib六/b/li lib日/b/li /ul div id=cm/div div id=bma target=_blank onmousedown=return c(fm:alop,title:this.innerHTML,url:this.href,p1:al_c(this),p2:1) href=javascript:void(0)历史上的今日/a/div /div /td /tr /table /center /body script l
8、anguage=JavaScript!- (function() var S = navigator.userAgent.indexOf(MSIE) != -1 !window.opera; function M(C) return document.getElementById(C) function R(C) return document.createElement(C) var P = 0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, 0x04ae0, 0x
9、0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, 0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, 0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, 0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5
10、b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, 0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, 0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, 0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540,
11、 0x0b6a0, 0x195a6, 0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, 0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x055c0, 0x0ab60, 0x096d5, 0x092e0, 0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, 0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, 0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, 0x05aa0, 0x076a3, 0x096d0, 0x04bd7, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, 0x0b5a0, 0x056d0,