久久精品www,538prom国产在线观看一区,成年免费视频

黑色的非常酷的簡(jiǎn)單JavaScript日歷及說(shuō)明

深山行者個(gè)人網(wǎng)站 2010/7/4 16:53:06 深山行者字體:大中小瀏覽 13701

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>calendar2</title>
<style type="text/css">
#calendar{
	background:#000;
	color:#FFF;
	font-size:0.8em;
}
#tittle{
	font-size:1.4em;
	padding:4px 0.55em;
}
#days th {
	font-weight:bold;
	text-align:center;
	padding:4px 0.55em;
}
#calendar td{
	text-align:center;
	padding:4px 0.55em;
}
#today{
	color:#F00;
	font-weight:bold;
}
</style>
<script type="text/javascript">
var calendar = {
	dayTable:null,				//初始化TABLE
	year:null,					//初始化年
	month:null,					//初始化月份
	
	getFirstDay:function(year,month){					//獲取每個(gè)月第一天再星期幾
		var firstDay = new Date(year,month,1);
		return firstDay.getDay();						//getDay()方法來(lái)獲取
	},
	getMonthLen:function(year,month){					//獲取當(dāng)月總共有多少天
		var nextMonth = new Date(year,month+1,1);		//獲取下個(gè)月的第一天	
		nextMonth.setHours(nextMonth.getHours() - 3);	//由于獲取的天是0時(shí),所以減去3小時(shí)則可以得出該月的天數(shù)
		return nextMonth.getDate();						//返回當(dāng)天日期
	},
	createCalendar:function(form,date){					//創(chuàng)建日歷方法
		calendar.year = date.getFullYear();				//獲得當(dāng)時(shí)的年份,并賦值到calendar屬性year中,以便別的方法的調(diào)用
		calendar.month = date.getMonth();				//跟上面獲取年份的目的一樣
		form.getElementsByTagName('th')[1].innerHTML = calendar.year + '年 ' + (calendar.month + 1) + '月';		//插入年份和月份
		calendar.clearCalendar(form);					//清空TABLE
		var monthLen = calendar.getMonthLen(calendar.year,calendar.month);		//獲取月份長(zhǎng)度
		var firstDay = calendar.getFirstDay(calendar.year,calendar.month);		//獲取月份首天為星期幾
		for(var i = 1;i <= monthLen;i++){										//循環(huán)寫(xiě)入每天的值進(jìn)入TABLE中
			calendar.dayTable[i+firstDay-1].innerHTML = i;						//i為循環(huán)值,加上第一天的星期值剛可以對(duì)應(yīng)TABLE位置,但由于數(shù)組從0開(kāi)始算,所以需要減去1
			if((i+firstDay-2) == new Date().getDate() && calendar.month == new Date().getMonth() && calendar.year == new Date().getFullYear()){	//判斷是否是當(dāng)天
				calendar.dayTable[i+firstDay-1].id = 'today';
			}
		}
	},
	clearCalendar:function(form){						//清空TABLE方法
		this.dayTable = form.getElementsByTagName('td');
		for(var i = 0;i < this.dayTable.length;i++){
			this.dayTable[i].innerHTML = '&nbsp;';
			this.dayTable[i].id = '';
		}
	},
	init:function(form){								//主方法
		this.dayTable = form.getElementsByTagName('td');
		this.createCalendar(form,new Date());
		var preMon = form.getElementsByTagName('th')[0];
		var nextMon = form.getElementsByTagName('th')[2];
		preMon.onclick = function(){					//當(dāng)點(diǎn)擊左按鈕時(shí),減去一個(gè)月,并重繪TABLE
			calendar.createCalendar(form,new Date(calendar.year,calendar.month-1,1));
		}
		nextMon.onclick = function(){					//當(dāng)點(diǎn)擊右按鈕時(shí),加上一個(gè)月,并重繪TABLE
			calendar.createCalendar(form,new Date(calendar.year,calendar.month+1,1));
		}
	}
	
}
window.onload = function(){
	var calendars = document.getElementById('calendar');
	
	calendar.init(calendars);
}
</script>
</head>
<body>
<table id="calendar" cellspacing="0">
	<tr>
    	<th style="cursor:pointer;cursor:hand;"><<</th>
		<th id="tittle" colspan="5">&nbsp;</th>
        <th style="cursor:pointer;cursor:hand;">>></th>
	</tr>
	<tr id="days">
		<th>日</th>
		<th>一</th>
		<th>二</th>
		<th>三</th>
		<th>四</th>
		<th>五</th>
		<th>六</th>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
</body>
</html>

前一頁(yè):非常酷的javascript實(shí)現(xiàn)萬(wàn)年歷功能

后一頁(yè):特別簡(jiǎn)潔的簡(jiǎn)單JavaScript日歷及說(shuō)明

相關(guān)閱讀: 仿淘寶首頁(yè)商品分類(lèi)列表效果; CSS+ul 實(shí)現(xiàn)的柱狀圖; 利用DIV+CSS制作右下角彈出留言板; javascript里confirm在外部文件中調(diào)用方法; 常見(jiàn)顯示器尺寸與分辨率對(duì)照; 另外一種符合web2.0的鏈接打開(kāi)方式--利用base打開(kāi)鏈接; Python PyInstaller安裝和使用教程（詳解版）; 標(biāo)準(zhǔn)版下拉菜單

共有0條關(guān)于《黑色的非常酷的簡(jiǎn)單JavaScript日歷及說(shuō)明》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱(chēng):
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類(lèi)別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號(hào)開(kāi)發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

更多>>同類(lèi)信息: 利用JavaScript獲取現(xiàn)在時(shí)間日期與農(nóng)歷; 另外的一種可以計(jì)算的倒計(jì)時(shí)效果; 非常酷的javascript實(shí)現(xiàn)萬(wàn)年歷功能; 黑色的非常酷的簡(jiǎn)單JavaScript日歷及說(shuō)明; 特別簡(jiǎn)潔的簡(jiǎn)單JavaScript日歷及說(shuō)明; 可以用于考試系統(tǒng)中試卷上交的javascript倒計(jì)時(shí)

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法; 在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 非常不錯(cuò)的頁(yè)面搜索器,還可以移動(dòng); 深山旅行社網(wǎng)站管理系統(tǒng) v1.6; CSS教程:CSS兼容的技巧; 一個(gè)運(yùn)行HTML文件的代碼; 鼠標(biāo)放在表格區(qū)域內(nèi)，當(dāng)前格的一整行和一整列變色; 實(shí)時(shí)輸入數(shù)字自動(dòng)轉(zhuǎn)換為貨幣形式并計(jì)算

更多標(biāo)簽熱門(mén)標(biāo)簽

web 滾動(dòng)條 pt 名稱(chēng) 位置彈出搜索引擎調(diào)節(jié) 強(qiáng)度長(zhǎng) 優(yōu)化 slectindext 輪流載入刷新奮斗高縮略圖千位 onmouserout 高亮 Excel 比例首字母墻程序創(chuàng)業(yè) 壓縮重復(fù) 文章事務(wù) 快捷鍵硬件列進(jìn)度增大 flash 添加驗(yàn)證碼 JS效果 shift 酷 margin 人生文本框參數(shù) 混合網(wǎng)站教程調(diào)色

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

黑色的非常酷的簡(jiǎn)單JavaScript日歷及說(shuō)明

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷