In this oblog, all pages support HTML, so you can make full use of them and add things as you like.
This is the code I wrote in The oblog announcement:
<A> </a> <IFRAME src =" http://appnews.qq.com/cgi-bin/news_qq_search "frameborder = 0 width = 150 scrolling = No Height = 160> </iframe>
It is more convenient to upload images here. I changed it again.
<A> </a> <IFRAME src =" http://appnews.qq.com/cgi-bin/news_qq_search? City = % B3 % A4 % B4 % ba "frameborder = 0 width = 150 scrolling = No Height = 230> </iframe> Take csdn as an example. Add the following content to the static news/declaration, as shown on this page.
<! -- The 035 of the clock clock_035.swf is the clock style. You can select it as needed. -->
<Embed src = http://www.butabon.com/Clock/clock_035.swf width = 150 Height = 150 wmode = transparent quality = high loop = true menu = false> <! -- Blog calendar table start -->
<Script language = "JavaScript">
VaR diarydays = "<> <expiration> <2004-06-26> <2004-06-25> ";
</SCRIPT>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">
<Style>
. Calendarbigborder {font-family: "Arial", "Helvetica", "Sans-serif", ""; text-Decoration: none; width: 170; Background-color: # ffffff; font-size: 9pt; Border: 1px dotted #999 ;}
. CalendarTd {font-family: "Arial", "Helvetica", "sans-serif", ""; font-size: 9pt; color: #000000; background-color: # eeeeee; height: 18px; width: 11%; text-align: center ;}
. 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 ;}
. 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 ;}
. 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 ;}
. Calendarnow {font-family: "Arial", "Helvetica", "Sans-serif", ""; font-size: 9pt; font-weight: bold; color: #000000; Background-color: # c0c9d3; Height: 18px; text-align: center ;}
. 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% ;}
. 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% ;}
. 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 ;}
. CategoryTxt {font-family: "Arial", "Helvetica", "sans-serif", ""; font-size: 9pt; line-height: 23px; color: #333333; text-decoration: none ;}
. 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 ;}
</Style>
<Script language = "JavaScript">
VaR months = new array ("1", "2", "3", "4", "5", "6", "7", "8 ", "9", "10", "11", "12 ");
VaR daysinmonth = new array (31, 28, 31, 30, 31, 30, 31, 31, 31, 31, 31 );
VaR days = new array ("day", "one", "two", "three", "four", "five", "Six ");
VaR classtemp;
VaR calendarhover = "calendarhover ";
VaR today = new gettoday ();
VaR year = today. Year;
VaR month = today. month;
VaR newcal;
// Get the number of days in a month
Function getdays (month, year)
{If (1 = month)
Return (0 = year % 4) & (0! = (Year % 100) | (0 = year % 400 )? 29: 28;
Else
Return daysInMonth [month];
}
// Obtain the information of the current day.
Function getToday ()
{This. now = new Date ();
This. year = this. now. getFullYear ();
This. month = this. now. getMonth ();
This. day = this. now. getDate ();
} // Generate a calendar
Function Calendar ()
{NewCal = new Date (year, month, 1); // the first day of the current month
Today = new getToday ();
Var day =-1; // used to determine whether the calendar is the current day
Var startDay = newCal. getDay (); // the start time of the current month.
VaR endday = getdays (newcal. getmonth (), newcal. getfullyear (); // End Time of the current month
VaR daily = 0; // used to generate a daily value in the calendar
If (today. Year = newcal. getfullyear () & (today. month = newcal. getmonth ()))
Day = today. Day;
VaR caltable = Document. All. caltable. tbodies. calendar; // obtain the set of calendar tables.
VaR intdaysinmonth = getdays (newcal. getmonth (), newcal. getfullyear (); // get the number of days in the current month
// Generate a calendar
For (VAR intweek = 0; intweek <caltable. Rows. length; intweek ++)
For (VAR intday = 0; intday <caltable. Rows [intweek]. cells. length; intday ++)
{
VaR cell = caltable. Rows [intweek]. cells [intday]; // obtain the cell sequence.
// Generate a string to determine whether logs exist on the current day
Var Monte MP = (newCal. getMonth () + 1) <10? ("0" + (newCal. getMonth () + 1) :( newCal. getMonth () + 1 );
If (intDay = startDay) & (0 = daily) {daily = 1 ;}
Var daytemp = daily <10? ("0" + daily) :( daily );
Var d = "<" + newCal. getFullYear () + "-" + Monte MP + "-" + daytemp + "> ";
// Select a style
If (day = daily)
Cell. className = "calendarNow ";
Else if (diarydays. indexOf (d )! =-1)
Cell. className = "calendarLink ";
Else if (intDay = 6)
Cell. className = "calendarDaySat ";
Else if (intDay = 0)
Cell. className = "calendarDaySun ";
Else
Cell. className = "calendarTd ";
// Generate value
If (daily> 0) & (daily <= intDaysInMonth ))
{Cell. innerText = daily;
Daily ++;
}
Else
Cell. innerText = "";
}
Document. all. year. value = year;
Document. all. month. value = month + 1;
} Function subMonth ()
{
If (month-1) <0)
{
Month = 11;
Year = year-1;
}
Else
{
Month = month-1;
}
Calendar ();
}
Function addMonth ()
{
If (month + 1)> 11)
{
Month = 0;
Year = year + 1;
}
Else
{
Month = month + 1;
}
Calendar ();
}
// Get the response event
Function getDiary ()
{
Var mon = (newCal. getMonth () + 1) <10? ("0" + (newCal. getMonth () + 1) :( newCal. getMonth () + 1 );
Var day = event. srcElement. innerText <10? ("0" + event. srcElement. innerText) :( event. srcElement. innerText );
Var d = "<" + newCal. getFullYear () + "-" + mon + "-" + day + "> ";
If ("TD" = event. srcElement. tagName)
If ((""! = Event. srcElement. innerText) & (diarydays. indexOf (d )! =-1 ))
{
Diary. location = "/foxmail/archive/" + newCal. getFullYear () + "/" + mon + "/" + day + ". aspx ";
Window. location. href = diary. location;
}
} Function setDate ()
{
If (document. all. month. value <1 | document. all. month. value> 12)
{
Alert ("the validity period of the month is between 1 and 12! ");
Return;
}
Year = Math. ceil (document. all. year. value );
Month = Math. ceil (document. all. month. value-1 );
Calendar ();
}
</SCRIPT>
<Table border = "0" cellpadding = "0" cellspacing = "1" class = "calendarBigBorder" id = "caltable" width = "200">
<Thead>
<Tr align = "center" valign = "middle">
<Td colspan = "7" class = "calendarMonthTitle">
<Input name = "year" type = "text" class = "calendarYInput" size = "3" maxlength = "4" onkeydown = "if (event. keyCode = 13) {setDate ()} "onkeyup =" this. value = this. value. replace (/[^ 0-9]/g, '')" onpaste = "this. value = this. value. replace (/[^ 0-9]/g, '')"> year
<Input name = "month" type = "text" class = "calendarMInput" size = "1" maxlength = "2" onkeydown = "if (event. keyCode = 13) {setDate ()} "onkeyup =" this. value = this. value. replace (/[^ 0-9]/g, '')" onpaste = "this. value = this. value. replace (/[^ 0-9]/g, '')"> month [<a onClick = "addMonth ()" href = "javascript :; "> next month </a>] [<a onClick =" subMonth () "href =" javascript:; "> last month </a>] </td>
</Tr>
<Tr align = "center" valign = "middle">
<Script language = "JavaScript">
Document. write ("<TD class = calendarDaySun id = diary>" + days [0] + "</TD> ");
For (var intLoop = 1; intLoop <days. length-1;
IntLoop ++)
Document. write ("<TD class = calendarTd id = diary>" + days [intLoop] + "</TD> ");
Document. Write ("<TD class = calendardaysat id = diary>" + days [intloop] + "</TD> ");
</SCRIPT>
</Tr>
</Thead>
<Tbody border = 1 cellspacing = "0" cellpadding = "0" id = "calendar" align = center onclick = "getdiary ()" onmouseup = document. selection. empty () oncontextmenu = "Return false" onselectstart = "Return false" ondragstart = "Return false" onbeforecopy = "Return false" oncopy = document. selection. empty () onselect = document. selection. empty ()>
<Script language = "JavaScript">
For (VAR intweeks = 0; intweeks <6; intweeks ++ ){
Document. Write ("<tr style = 'cursor: hand'> ");
For (VAR intdays = 0; intdays <days. length; intdays ++)
Document. write ("<TD class = calendarTd onMouseover = '{classTemp = this. className; this. className = calendarHover} 'onmouseout = 'this. className = classTemp '> </TD> ");
Document. write ("</TR> ");
}
</SCRIPT>
</Tbody>
</Table>
<Script LANGUAGE = "JavaScript">
Calendar ();
</Script>
<! -- End of Blog calendar --> <! -- Coding is involved in the weather forecast. % B1 % B1 % BE % A9 is the city code, which can BE checked by Baidu. For example, enter Beijing, the contents of % B1 % B1 % BE % appear in the address bar -->
<Center> <iframe width = 157 height = 240 frameborder = 0 scrolling = NO src = 'HTTP: // appnews.qq.com/cgi-bin/news_qq_search? City = % B1 % B1 % BE % A9 '> </iframe> </center> <! -- Display the online status of msn. Note: it is valid only when setting in msn to allow everyone to view your status; otherwise, the msn icon is always grayed out. -->
<A href = "http://snind.gotdns.com: 8080/message/msn/Your msn username">
Align = "absmiddle" border = "0" ALT = "MSN Online Status Indicator"
Onerror = "this. onerror = null; this. src = 'HTTP: // snind.gotdns.com: 8080/image/msnunknown.gif ';"> <! -- Display QQ online status -->
</A> <br> QQ: Your number
Reprinted: http://dev.csdn.net/article/40/article/40/40003.shtm
Http://blog.edu.cn/more.asp? Name = 80x86 & id = 9352
|