在blog中显示天气预报、日历、时钟、MSN、QQ在线状态

以csdn为例,在静态新闻/声明添加如下内容,效果如同本页面所示

1<embed height="150" loop="true" menu="false" quality="high" src="http://www.butabon.com/Clock/clock_035.swf" width="150" wmode="transparent"/>

1<script language="javascript">   
2var diarydays="<2004-08-05><2004-08-09><2004-08-12><2004-08-17><2004-08-19><2004-07-14><2004-07-13><2004-07-08><2004-07-05><2004-07-04><2004-07-03><2004-06-27><2004-06-26><2004-06-25>";   
3</script>

1<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>

 1<style>   
 2.calendarBigBorder { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; text-decoration: none; width: 170; background-color: #FFFFFF; font-size: 9pt;border:1px dotted #999; }   
 3.calendarTd { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #000000; background-color: #eeeeee; height: 18px; width: 11%; text-align: center;}   
 4.calendarMInput { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; text-decoration: none; background-color: #FFFFFF; height: 15px; border: 1px solid #666666; width: 19px; color: #0099FF;}   
 5.calendarYInput { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #0099FF; text-decoration: none; background-color: #FFFFFF; height: 15px; width: 34px; border: 1px solid #666666;}   
 6.calendarMonthTitle { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; font-weight: normal; height: 24px; text-align: center; color: #333333; text-decoration: none; background-color: #eeeeee; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: none; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999;}   
 7.calendarNow { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; font-weight: bold; color: #000000; background-color: #C0C9D3; height: 18px; text-align: center;}   
 8.calendarDaySat { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #333333; text-decoration: none; background-color: #eeeeee; text-align: center; height: 18px; width: 12%;}   
 9.calendarDaySun { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #333333; text-decoration: none; background-color: #eeeeee; text-align: center; height: 18px; width: 12%;}   
10.calendarLink { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; font-weight: normal; color: #333333; text-decoration: none; background-color: #E7E7F6; text-align: center; height: 18px;}   
11.categoryTxt { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; line-height: 23px; color: #333333; text-decoration: none;}   
12.categoryTable { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-right-color: #000000; border-bottom-color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #71b99c;}   
13</style>

  1<script language="JavaScript">   
  2var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");   
  3var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);   
  4var days = new Array("日","一", "二", "三","四", "五", "六");   
  5var classTemp;   
  6var calendarHover="calendarHover";   
  7var today=new getToday();   
  8var year=today.year;   
  9var month=today.month;   
 10var newCal;   
 11//得到某月天数   
 12function getDays(month, year)   
 13{ if (1 == month)   
 14return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;   
 15else   
 16return daysInMonth[month];   
 17}   
 18//得到当天时间信息   
 19function getToday()   
 20{ this.now = new Date();   
 21this.year = this.now.getFullYear();   
 22this.month = this.now.getMonth();   
 23this.day = this.now.getDate();   
 24} 
 25
 26//生成日历   
 27function Calendar()   
 28{ newCal = new Date(year,month,1); //当前月的第一天   
 29today = new getToday();   
 30var day = -1; //用来判断日历中是否为当天   
 31var startDay = newCal.getDay(); //当月开始时间   
 32var endDay=getDays(newCal.getMonth(), newCal.getFullYear());//当月结束时间   
 33var daily = 0; //用来生成日历中的天数值   
 34if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))   
 35day = today.day;   
 36var caltable = document.all.caltable.tBodies.calendar; //得到日历表格的集合   
 37var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); //得到当月天数   
 38//生成日历   
 39for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)   
 40for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)   
 41{   
 42var cell = caltable.rows[intWeek].cells[intDay]; //得到单元袼   
 43//生成字符串用于判断当天是否有日志   
 44var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);   
 45if ((intDay == startDay) && (0 == daily)){ daily = 1;}   
 46var daytemp=daily<10?("0"+daily):(daily);   
 47var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";   
 48//选择样式   
 49if(day==daily)   
 50cell.className="calendarNow";   
 51else if(diarydays.indexOf(d)!=-1)   
 52cell.className="calendarLink";   
 53else if(intDay==6)   
 54cell.className = "calendarDaySat";   
 55else if (intDay==0)   
 56cell.className ="calendarDaySun";   
 57else   
 58cell.className="calendarTd";   
 59//生成值   
 60if ((daily > 0) && (daily <= intDaysInMonth))   
 61{ cell.innerText = daily;   
 62daily++;   
 63}   
 64else   
 65cell.innerText = "";   
 66}   
 67document.all.year.value=year;   
 68document.all.month.value=month+1;   
 69} 
 70
 71function subMonth()   
 72{   
 73if ((month-1)<0)   
 74{   
 75month=11;   
 76year=year-1;   
 77}   
 78else   
 79{   
 80month=month-1;   
 81}   
 82Calendar();   
 83}   
 84function addMonth()   
 85{   
 86if((month+1)>11)   
 87{   
 88month=0;   
 89year=year+1;   
 90}   
 91else   
 92{   
 93month=month+1;   
 94}   
 95Calendar();   
 96}   
 97//得到响应事件   
 98function getDiary()   
 99{   
100var mon=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);   
101var day=event.srcElement.innerText<10?("0"+event.srcElement.innerText):(event.srcElement.innerText);   
102var d="<"+newCal.getFullYear()+"-"+mon+"-"+day+">";   
103if ("TD" == event.srcElement.tagName)   
104if (("" != event.srcElement.innerText)&&(diarydays.indexOf(d)!=-1))   
105{   
106diary.location="/foxmail/archive/"+newCal.getFullYear()+"/"+mon+"/"+day+".aspx";   
107window.location.href = diary.location;   
108}   
109} 
110
111function setDate()   
112{   
113if (document.all.month.value<1||document.all.month.value>12)   
114{   
115alert("月的有效范围在1-12之间!");   
116return;   
117}   
118year=Math.ceil(document.all.year.value);   
119month=Math.ceil(document.all.month.value-1);   
120Calendar();   
121}   
122</script>

 1<table border="0" cellpadding="0" cellspacing="1" class="calendarBigBorder" id="caltable" width="200">
 2<thead>
 3<tr align="center" valign="middle">
 4<td class="calendarMonthTitle" colspan="7">
 5<input class="calendarYInput" maxlength="4" name="year" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')" size="3" type="text"/>年   
 6<input class="calendarMInput" maxlength="2" name="month" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')" size="1" type="text"/>月 [<a href="javascript:;" onclick="addMonth()">下月</a>] [<a href="javascript:;" onclick="subMonth()">上月</a>]</td>
 7</tr>
 8<tr align="center" valign="middle">
 9<script language="JavaScript">   
10document.write("<TD class=calendarDaySun id=diary>" + days[0] + "</TD>");   
11for (var intLoop = 1; intLoop < days.length-1;   
12intLoop++)   
13document.write("<TD class=calendarTd id=diary>" + days[intLoop] + "</TD>");   
14document.write("<TD class=calendarDaySat id=diary>" + days[intLoop] + "</TD>");   
15</script>
16</tr>
17</thead>
18<tbody align="CENTER" border="1" cellpadding="0" cellspacing="0" id="calendar" onbeforecopy="return false" onclick="getDiary()" oncontextmenu="return false" oncopy="document.selection.empty()" ondragstart="return false" onmouseup="document.selection.empty()" onselect="document.selection.empty()" onselectstart="return false">
19<script language="JavaScript">   
20for (var intWeeks = 0; intWeeks < 6; intWeeks++) {   
21document.write("<TR style='cursor:hand'>");   
22for (var intDays = 0; intDays < days.length;intDays++)   
23document.write("<TD class=calendarTd onMouseover='{classTemp=this.className;this.className=calendarHover}' onMouseOut='this.className=classTemp'></TD>");   
24document.write("</TR>");   
25}   
26</script>
27</tbody>
28</table>

1<script language="JavaScript">   
2Calendar();   
3</script>

1<center><iframe frameborder="0" height="240" scrolling="NO" src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9" width="157"></iframe></center>

1<a href="  http://snind.gotdns.com:8080/message/msn/你的msn用户名  ">
2<img align="absmiddle" alt="MSN Online Status Indicator" border="0" onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';" src="  http://snind.gotdns.com:8080/msn/你的msn用户名  "/>
3<!-- QQ在线状态显示 -->
4</a>

1<br/>

QQ：你的号码

1<img src="  http://icon.tencent.com/你的号码/l/612/  "/>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus