當前位置:股票大全官網 - 財經新聞 - 日歷效果的網頁代碼怎麽做?

日歷效果的網頁代碼怎麽做?

我在網上找到的:

& lt!DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0 Transitional//EN““http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD“& gt;

& lthtml xmlns =“http://www . w3 . org/1999/XHTML“& gt;

& lthead & gt

& lttitle & gt博客專用JS日歷控件

& ltmeta http-equiv =“content-type“content =“text/html;charset = GB 2312“》;

& ltstyle type =“text/CSS“& gt;

。日歷{

字體系列:Verdana

字體大小:9pt

背景色:# EEE;

文本對齊:居中;

寬度:198 px;

身高:158 px;

填充:10px;

行高:1.5 em;

}

。日歷a{

顏色:# 0066CC

}

。日歷表{

寬度:100%;

邊框:0;

}

。日歷表格thead { color:# acacac;}

。日歷表td {

font-size:11px;

填充:1px;

}

#idCalendarPre{

光標:指針;

浮動:左;

填充-右:5px

}

# idcalendarnnext {

光標:指針;

浮動:對;

填充-右:5px

}

#idCalendar td.onToday {

字體粗細:粗體;

顏色:# C60

}

#idCalendar td.onSelect {

字體粗細:粗體;

}

& lt/style & gt;

& ltscript type =“text/JavaScript“& gt;

var $ =函數(id ){

返回“字符串“= = id的類型?document . getelementbyid(id):id;

};

var Class = {

create:function(){

返回函數(){

this . initialize . apply(this,arguments);

}

}

}

Object.extend = function(目標,源){

for(源中的變量屬性){

目的地;

for(var I = 0,len = flag.length我& ltleni++){

這個。days【flag【I】】。innerHTML =“& lt;a href =‘JavaScript:void(0);‘onclick = \“alert(‘您選擇的日期是:“+this . year+“/“+this . month+“/“+flag【I】+“‘);返回false\“& gt;“+flag【I】+“& lt;/a & gt;";

}

}

});

$(“idCalendarPre“)。onclick = function(){ cale。pre month();}

$(“idCalendarNext“)。onclick = function(){ cale。next month();}

& lt/script & gt;

& lt/body & gt;

& lt/html & gt;