index.htm

来自「一套开源WEB的网站管理系统」· HTM 代码 · 共 774 行 · 第 1/2 页

HTM
774 行
字号
12

function changeCld() {
   var y,m;
   y = CLD.SY.selectedIndex+1900;
   m = CLD.SM.selectedIndex;
   drawCld(y,m);
}

function pushBtm(K) {
   switch (K){
      case 'YU' :
         if(CLD.SY.selectedIndex>0) CLD.SY.selectedIndex--;
         break;
      case 'YD' :
         if(CLD.SY.selectedIndex<149) CLD.SY.selectedIndex++;
         break;
      case 'MU' :
         if(CLD.SM.selectedIndex>0) {
            CLD.SM.selectedIndex--;
         }
         else {
            CLD.SM.selectedIndex=11;
            if(CLD.SY.selectedIndex>0) CLD.SY.selectedIndex--;
         }
         break;
      case 'MD' :
         if(CLD.SM.selectedIndex<11) {
            CLD.SM.selectedIndex++;
         }
         else {
            CLD.SM.selectedIndex=0;
            if(CLD.SY.selectedIndex<149) CLD.SY.selectedIndex++;
         }
         break;
      default :
         CLD.SY.selectedIndex=tY-1900;
         CLD.SM.selectedIndex=tM;
   }
   changeCld();
}

var Today = new Date();
var tY = Today.getFullYear();
var tM = Today.getMonth();
var tD = Today.getDate();

var width = "130";
var offsetx = -85;
var offsety = -105;
if(!document.all)offsety = -10;
var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;

var dStyle;
document.onmousemove = mEvn;
function $(sId){return document.getElementById(sId);}
function mOvr(event, v) {
   var s,festival;
   var sObj=$('SD'+ v);
   var d=sObj.innerHTML-1;

   if(sObj.innerHTML!='') {
      sObj.style.cursor = 'pointer';
      if(cld[d].solarTerms == '' && cld[d].solarFestival == '' && cld[d].lunarFestival == '')
         festival = '';
      else
         festival = '<table width=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="#0978A6"><tr><td>'+
         '<b><font style="font-SIZE:12px; color:#FFF">'+cld[d].solarTerms + ' ' + cld[d].solarFestival + ' ' + cld[d].lunarFestival+'</font></b></td>'+
         '</tr></table>';
      s= '<table cellSpacing=0 cellPadding=2 width=130 border=0><TBODY><tr><td>' +
         '<table cellSpacing=0 cellPadding=0 width="100%" bgColor=#DCEDF5 border=0><tr><td ALIGN="right"><font COLOR="#000000" STYLE="font-size:12px;">'+
         cld[d].sYear+' 年 '+cld[d].sMonth+' 月 '+cld[d].sDay+' 日<br>星期'+cld[d].week+'<br>'+
         '<font color="02346F">农历'+(cld[d].isLeap?'闰 ':' ')+cld[d].lMonth+' 月 '+cld[d].lDay+' 日</font><br>'+
         '<font color="02346F">'+cld[d].cYear+'年 '+cld[d].cMonth+'月 '+cld[d].cDay + '日</font>'+
         '</font></td></tr></table>'+ festival +'</td></tr></table>';
		$("detail").innerHTML = s;
		x = fPointerX(event);
		y = fPointerY(event);
		if (snow == 0) {
			dStyle.left = x + offsetx + "px";
			dStyle.top	= y + offsety + "px";
			dStyle.visibility = "visible";
			snow = 1;
		}
	}
}

function mOut(event) {
	if ( cnt >= 1 ) { sw = 0 }
	if ( sw == 0 ) { snow = 0;	dStyle.visibility = "hidden";}
	else cnt++;
}

function mEvn(e) {
	var event = window.event || e;
	x = fPointerX(event);
	y = fPointerY(event);
	if (snow){
		dStyle.left = x + offsetx + "px";
		dStyle.top	= y + offsety + "px";
	}
}


function fPointerX(event) {
	var doc = document;
    return event.pageX || (event.clientX +
      (doc.documentElement.scrollLeft || doc.body.scrollLeft));
}


function fPointerY(event) {
	var doc = document;
    return event.pageY || (event.clientY +
      (doc.documentElement.scrollTop || doc.body.scrollTop));
}

function changeTZ() {
   CITY.innerHTML = CLD.TZ.value.substr(6)
   setCookie("TZ",CLD.TZ.selectedIndex)
}

function setCookie(name, value) {
	var today = new Date()
	var expires = new Date()
	expires.setTime(today.getTime() + 1000*60*60*24*365)
	document.cookie = name + "=" + escape(value)	+ "; expires=" + expires.toGMTString()
}

function getCookie(Name) {
   var search = Name + "="
   if(document.cookie.length > 0) {
      offset = document.cookie.indexOf(search)
      if(offset != -1) {
         offset += search.length
         end = document.cookie.indexOf(";", offset)
         if(end == -1) end = document.cookie.length
         return unescape(document.cookie.substring(offset, end))
      }
      else return ""
   }
}

var CLD;
var GZ;
function initial() {
   CLD = $("CLD");
   GZ = $("GZ");
   dStyle = $("detail").style;
   CLD.SY.selectedIndex=tY-1900;
   CLD.SM.selectedIndex=tM;
   if(!document.all){
		offsety = -100;
   }
   drawCld(tY,tM);
}
function isLeg(fes, y){
	y = y - 0;
	switch(fes){
		case "元旦":
			if(y>1911 && y<1950){
				
			}else if(y>1949){
				fes = "新年";
			}else{
				fes = "";
			}
			break;
		case "情人节":
			break;		
		case "妇女节":
			if(y<1911) fes = "";
			break;
		case "植树节":
			if(y<1979) fes = "";
			break;
		case "消费者权益日":
			if(y<1988) fes = "";
			break;
		case "愚人节":
			if(y<1564) fes = "";
			break;
		case "劳动节":
			if(y<1890) fes = "";
			break;
		case "青年节":
			if(y<1950) fes = "";
			break;
		case "护士节":
			if(y<1912) fes = "";
			break;
		case "儿童节":
			break;
		case "建党节 香港回归纪念":
			if(y<1911) fes = "";
			else if(y>1920 && y<1997) fes = "建党节";
			else fes = "中共建党纪念日/香港回归纪念日";
			break;
		case "建军节":
			break;
		case "父亲节":
			break;
		case "毛泽东逝世纪念":
			if(y<1976) fes = "";
			break;
		case "教师节":
			if(y<1985) fes = "";
			break;
		case "孔子诞辰":
			break;
		case "国庆节":
			if(y<1949) fes = "";
			break;
		case "老人节":
			break;
		case "联合国日":
			if(y<1945) fes = "";
			break;
		case "孙中山诞辰纪念":
			if(y<1966) fes = "";
			break;
		case "澳门回归纪念":
			if(y<1999) fes = "";
			break;
		case "圣诞节":
			break;
		case "毛泽东诞辰纪念":
			if(y<1893) fes = "";
			break;
	}
	return fes;
}


//-->
</script>

<div id="detail" style="position:absolute;visibility:visible;"></div>
<FORM name=CLD id=CLD>
<table cellSpacing=0 cellPadding=0 align=center border=0>
<tbody>
<tr>
<td class=bs vAlign=top width=>
</td>
<td class=lb vAlign=top width=100%>
<table cellSpacing=0 cellPadding=0 width=100% border=0>
<tbody>
<tr bgColor=#F2F4F4>
<td height=30> &nbsp;<strong>当前查看：</strong><SPAN class=sm><font color=#333399>公历 </font>
<font style="font-SIZE: 9pt" color=#ffffff>
<SELECT onchange=changeCld() name="SY" id="SY"> 
	<option>1900</option><option>1901</option><option>1902</option>
	<option>1903</option><option>1904</option><option>1905</option>
	<option>1906</option><option>1907</option><option>1908</option>
	<option>1909</option><option>1910</option><option>1911</option>
	<option>1912</option><option>1913</option><option>1914</option>
	<option>1915</option><option>1916</option><option>1917</option>
	<option>1918</option><option>1919</option><option>1920</option>
	<option>1921</option><option>1922</option><option>1923</option>
	<option>1924</option><option>1925</option><option>1926</option>
	<option>1927</option><option>1928</option><option>1929</option>
	<option>1930</option><option>1931</option><option>1932</option>
	<option>1933</option><option>1934</option><option>1935</option>
	<option>1936</option><option>1937</option><option>1938</option>
	<option>1939</option><option>1940</option><option>1941</option>
	<option>1942</option><option>1943</option><option>1944</option>
	<option>1945</option><option>1946</option><option>1947</option>
	<option>1948</option><option>1949</option><option>1950</option>
	<option>1951</option><option>1952</option><option>1953</option>
	<option>1954</option><option>1955</option><option>1956</option>
	<option>1957</option><option>1958</option><option>1959</option>
	<option>1960</option><option>1961</option><option>1962</option>
	<option>1963</option><option>1964</option><option>1965</option>
	<option>1966</option><option>1967</option><option>1968</option>
	<option>1969</option><option>1970</option><option>1971</option>
	<option>1972</option><option>1973</option><option>1974</option>
	<option>1975</option><option>1976</option><option>1977</option>
	<option>1978</option><option>1979</option><option>1980</option>
	<option>1981</option><option>1982</option><option>1983</option>
	<option>1984</option><option>1985</option><option>1986</option>
	<option>1987</option><option>1988</option><option>1989</option>
	<option>1990</option><option>1991</option><option>1992</option>
	<option>1993</option><option>1994</option><option>1995</option>
	<option>1996</option><option>1997</option><option>1998</option>
	<option>1999</option><option>2000</option><option>2001</option>
	<option>2002</option><option>2003</option><option>2004</option>
	<option>2005</option><option>2006</option><option>2007</option>
	<option selected>2008</option>
	<option>2009</option><option>2010</option><option>2011</option>
	<option>2012</option><option>2013</option><option>2014</option>
	<option>2015</option><option>2016</option><option>2017</option>
	<option>2018</option><option>2019</option><option>2020</option>
	<option>2021</option><option>2022</option><option>2023</option>
	<option>2024</option><option>2025</option><option>2026</option>
	<option>2027</option><option>2028</option><option>2029</option>
	<option>2030</option><option>2031</option><option>2032</option>
	<option>2033</option><option>2034</option><option>2035</option>
	<option>2036</option><option>2037</option><option>2038</option>
	<option>2039</option><option>2040</option><option>2041</option>
	<option>2042</option><option>2043</option><option>2044</option>
	<option>2045</option><option>2046</option><option>2047</option>
	<option>2048</option><option>2049</option>
</SELECT> 
</font>
<font color=#333399>年 </font>
<font style="font-size: 9pt" color=#ffffff>
<select onchange="changeCld()" name=SM id="SM">
	<option>1</option>
	<option>2</option>
	<option>3</option>
	<option>4</option>
	<option>5</option>
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>9</option>
	<option>10</option>
	<option>11</option>
	<option>12</option>
 </select> 
 </font></SPAN><font style="font-SIZE: 9pt" color=#ffffff></font><SPAN class=sm><font color=#333399>月</font></font><font class=sm id=GZ><font color=#333399>&nbsp;&nbsp;农历戊子年 &nbsp;</font><SPAN class=smlb><font color=#0099ff>&nbsp;【</SPZN><SPAN class=smlb>鼠</SPAN><SPAN class=smlb>】</SPAN></font></SPAN></font><font color=#333399> </font></SPAN></td></tr></TBODY></table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<TBODY>
<tr>
<td vAlign=bottom>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<tr>
<td>
<table cellSpacing=1 cellPadding=0 width=100% align=center border=0>
<TBODY>
<tr>
<td class=ch align=middle height=40>
<table height="40" cellSpacing=3 cellPadding=0 width=100% border=0>
<TBODY>
<tr class=sunday align=middle>
<td width=57 class="weekend_ms">日</td>
<td width=57>一</td>
<td width=57>二</td>
<td width=57>三 </td>
<td width=57>四</td>
<td width=57>五</td>
<td width=57 class="weekend_ms">六</td>
</tr></TBODY></table></td></tr>

<SCRIPT language=JavaScript><!--
var gNum
for(i=0;i<6;i++) {
   document.write(' <tr><td align=middle bgColor=#fafbfb height=40><table class="cal_day_NO" cellSpacing=1 cellPadding=0><TBODY><tr align=middle> ')
   for(j=0;j<7;j++) {
	  gNum = i*7+j
	  document.write('<td align="center" id="SD' + gNum +'" onMouseOver="mOvr(event, ' + gNum +')" onMouseOut="mOut(event)" width="57" style="BACKGROUND: none transparent scroll repeat 0% 0%; cursor : default; COLOR: #ff5f08" TITLE=""')
	  if(j == 0){
			document.write(' class="aorange"')
	  }else if(j == 6){
		 if(i%2==1) document.write(' class="aorange"')
			else document.write(' class="agreen"')
	  }else{
			document.write(' class="one"')
	  }
	  document.write(' TITLE=""> </td>')
   }
   document.write('</tr></table></td></tr><tr><td height="20" align="middle" bgcolor="#F3F5F8"><table class="cal_day_jr" cellSpacing=1 cellPadding=0><TBODY><tr align="center"> ')
   for(j=0;j<7;j++) {
	  gNum = i*7+j
	  document.write('<td align="center" id="LD' + gNum +'" onMouseOver="mOvr(event,' + gNum +')" onMouseOut="mOut()" width="57" class="bs" TITLE="" style="BACKGROUND: none transparent scroll repeat 0% 0%; cursor : default; COLOR: #666666"> </td>')
   }
   document.write('</tr></table></td></tr>')
}
//--></SCRIPT>
</tbody></table></td></tr></tbody></table></td></tr></tbody></table></td>
<td valign=top></td></tr></form></tbody></table>  
  <!--嵌入万年历代码 结束-->			
			</div>
			<!--日历内容区 结束-->
		</div>
	</div>
	<div class="bot_back_btn">
		<input type="button" value="<< 返回生活百宝箱" class="Back_IND" onclick="javascript:location.href='../index.htm'"/>
	</div>

</body>
</html>
12

index.htm - 源码说明

本页面展示了「一套开源WEB的网站管理系统」中的 index.htm 源码文件，采用 HTM 编程语言编写，共 774 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与WEB相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?