本贴附件在yttzm大哥的2008年5月31日指点下,改变了部分代码,已经更新。现在完全兼容FF、IE及opera等浏览器,在此特别感谢yttzm大哥的无私奉献! 在网页显示农历日期,我想这也是很多朋友所喜欢的。
因为农历日期的script代码太长,放在head.htm文件中太大,我用js脚本调用了。详见附件,喜欢的朋友可以下载使用。
效果演示: 如图:
演示网站:http://www.17cg.net 使用方法: 1、下载附件,并将calendar.js上传到网站相关目录下(可以根据自己喜欢存放);
2、修改风格目录中的head.htm文件,官方默认的风格路径template/default/head.htm :
找到下列代码:
<!--****************时间日历开始****************-->
<script language="JavaScript">
<!---
today=new Date();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
var timeValue = "<FONT COLOR=black>" + ((hours >12) ? hours -12 :hours); timeValue += ((minutes < 10) ? "<BLINK><FONT COLOR=black>:</FONT></BLINK>0" : "<BLINK><FONT COLOR=black>:</FONT></BLINK>") + minutes+"</FONT></FONT>";
timeValue += (hours >= 12) ? " 下午 " : " 上午 ";
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray("<font color=RED>星期日","<font color=black>星期一","<font color=black>星期二","<font color=black>星期三","<font color=black>星期四","<font color=black>星期五","<font color=red>星期六"); document.write("<font color=black>",today.getYear(),"<font color=black>年","<font color=black>",today.getMonth()+1,"<font color=black>月","<font color=black>",today.getDate(),"<font color=black>日 </FONT>",d[today.getDay()+1]," ",timeValue); //-->
</script>
<!--****************时间日历结束****************-->
将上面的代码替换为:
<!--****************时间日历开始****************-->
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/您存放的路径/calendar.js"></SCRIPT>
<!--****************时间日历结束****************-->
3、修改DIV定位参数,同在head.htm文件中,将这下面这段代码中的width参数由原来的45%修改为49%:(不然会分两行显示了,不好看)
<div class="jstime" style="float:right;width:45%;text-align:right;">
4、修改完毕后,上传,OK!(如果已经生成静态页面需要重新再生成一次即可)
顺便提一下官方css.css文件中的一个小遗漏,样式条件不全,导致顶部的表单太靠上了,不太好看。同样是在head.htm文件中,表单的DIV定位代码为:<div class="login" style="width:50%;float:left;">,我仔细查看了css.css文件中,并没有class="login"这个条件,故需要在css.css中增加条件,方法如下:
在css.css中找到下面的代码:
#toplogin .jstime{
margin-top:5px;
margin-right:5px;
}
在代码下面一段定义login的,修改为:
#toplogin .jstime{
margin-top:5px;
margin-right:5px;
}
#toplogin .login{
margin-top:5px;
margin-right:5px;
}
将修改后的css.css上传就可以了。
[ 此贴被飞鸿踏雪在2008-06-01 15:53重新编辑 ]