1、為你的 Blog 添加“天氣預(yù)報(bào)”功能。    

在“選項(xiàng)”->“配置”的“靜態(tài)新聞/聲明”中加入下面的語句就可以了： 
<p><b>今日天氣</b><br>
<center><iframe width=157 height=240 frameborder=0 scrolling=NO src='http://appnews.qq.com/cgi-bin/news_qq_search?city='></iframe></center>

2、
給blog增加flash精美時(shí)鐘

時(shí)鐘申請(qǐng)：http://www.butabon.com/

刻度時(shí)鐘：
<EMBED SRC=http://www.butabon.com/Clock/clock_038.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/clock_038.swf是時(shí)鐘的flash地址，可以在IE中預(yù)覽，其中的038可以替換成000-039之間或者051-059之間的任何一個(gè)數(shù)字(全看個(gè)人喜好，呵呵)

數(shù)字時(shí)鐘：

第一種風(fēng)格：
<EMBED SRC=http://www.butabon.com/Clock/digiwide019.swf WIDTH=150 HEIGHT=15 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/digiwide019.swf同樣是時(shí)鐘的flash地址，可以在IE中預(yù)覽，其中的019可以替換成000-019之間之間的任何一個(gè)數(shù)字(同樣全看個(gè)人喜好，呵呵)

第二種風(fēng)格：
<EMBED SRC=http://www.butabon.com/Clock/digital_019.swf WIDTH=150 HEIGHT=90 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/digital_019.swf同樣是時(shí)鐘的flash地址，可以在IE中預(yù)覽，其中的019可以替換成000-019之間之間的任何一個(gè)你可以在IE中可以成功預(yù)覽的數(shù)字(請(qǐng)自己測(cè)試)。

3、給BLOG加一個(gè)控制菜單展開和收縮的按扭 

在看文章的時(shí)候BLOG的菜單欄實(shí)在的太礙眼，我于是加了個(gè)按扭用來控制菜單的顯示和隱藏。這可以用javascript來實(shí)現(xiàn)，但是CSDN BLOG是不允許在配置中直接加入javascript的，但是我們可以將javascript加入到一張圖片onload事件里執(zhí)行?？次业木褪羌拥接?jì)數(shù)計(jì)的圖片代碼里了，效果看左上角。程序代碼如下：

var div=document.createElement('span');
document.body.insertAdjacentElement('beforeEnd',div);
div.style.cssText='position:absolute;display:block;top:42;left:2;width:90;height:20;color:green;background:yellow;border:2 outset;cursor:hand;';
div.innerText='<<收回菜單';
div.onclick=function()
{
var isHide=(rightmenu.style.display=='none');
rightmenu.style.display=isHide?'block':'none';
div.innerText=isHide?'<<收回菜單':'展開菜單>>';
}




4、對(duì)BLOG皮膚的具體修改

我所選擇的皮膚模式是AnotherEon001。以下是具體的自定義的CSS： 
.headermaintitle{font-family:隸書;font-size:1cm;color:#000000;align:center}
.BlogStats{color:black;}
p.date span 
{
 background-color : #e7e7e7;
}
.post
{
 border: 1px solid #CCCCCC;
 border-bottom-width: 2px;
 border-right-width: 2px;
 padding: 4px;
 margin-bottom: 28px;
 background-color: #dadada;
}
.post h2
{
 font-size: 14px;
 margin: 0px;
 margin-bottom: 4px;
 font-family:楷體_gb2312;
}
.post a
{
 color: #ff5500;
}
.post .postfoot
{
 margin: 0px;
 margin-top: 14px;
 color: #aa6666;
 border-top: 1px solid #DDDDDD;
 font-size: 0.8em;
 background-color: #c8c8c8;
}
#top 
{
 background-color : #ffffff;
 height: 75px;
 vertical-align: middle; 
 background-image:url(http://blog.csdn.net/images/blog_csdn_net/peterdoo/18050/o_yu.jpg);
 background-repeat:no-repeat;
 filter:alpha(opacity=80);
}
#sub
{
 text-align: right;
 background-color:#BBd4D9;
 color: #CCCCCC;
 font-size: 0.8em;
 padding: 4px;
}
#LeftCell
{
 width: 200px;
 vertical-align: top;
 background-color:#BBC3D9;
 filter:alpha(opacity=100,finishopacity=0,style=1);
}
.MainCell
{
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD;
 padding: 10px;
 background-color:#e7e7e7;
 vertical-align: top;
}

背景圖片是上傳到相冊(cè)中的圖片。

對(duì)左邊的菜單區(qū)沒有使用背景圖片，只是使用filter:alpha(opacity=100,finishopacity=0,style=1);產(chǎn)生了過渡效果的背景色。其實(shí)沒什么技術(shù)含量！

 

5、BLOG中顯示你的MSN和QQ的狀態(tài)

將以下代碼粘貼到BLOG管理配置中'靜態(tài)新聞'文本框中就可以了，保存頁面，重新看看你的首頁 

MSN狀態(tài)：

    <A HREF="http://snind.gotdns.com:8080/message/msn/MSN帳號(hào)（xxx@hotmail.com）>
    <IMG SRC="http://snind.gotdns.com:8080/msn/MSN帳號(hào)（xxx@hotmail.com）"
    align="absmiddle" border="0" ALT="MSN Online Status Indicator"
    onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';"></A>

    更多可去http://snind.gotdns.com:8080

QQ狀態(tài)：

    <img src="http://icon.tencent.com/你的QQ帳號(hào)/l/612/"> 

    更多可去http://qqol.3322.org/

 

6、為你的Blog打造個(gè)性日歷控件 
日歷控件是dotnet自帶的控件之一，功能強(qiáng)大，在很多項(xiàng)目開發(fā)中都有用到，對(duì)于blog系統(tǒng)來說更是必不可少。縱是好玉也仍需雕琢，為了使它更美觀實(shí)用，我們還需要對(duì)它進(jìn)行二次開發(fā)。

第一步是外觀設(shè)置，這個(gè)根據(jù)你的需要，只需對(duì)它的相關(guān)屬性做一些調(diào)整即可。下圖是我調(diào)整后的界面，屬性設(shè)置如下：<asp:calendar id="Calendar1" CellPadding="2" Width="160px" TitleStyle-BackColor="#000000" BorderColor="#aaaaaa"
        DayHeaderStyle-BackColor="#5e715e" OtherMonthDayStyle-ForeColor="#cccccc" DayNameFormat="Full"
        runat="server" TitleStyle-ForeColor="#ffffff" NextPrevStyle-ForeColor="#ffffff" CellSpacing="1"
        WeekendDayStyle-BackColor="#eeeeee" DayHeaderStyle-ForeColor="#ffffff" SelectionMode="None"
        TodayDayStyle-BorderColor="#5e715e" TodayDayStyle-BorderWidth="1" TodayDayStyle-Font-Bold="true"
        TodayDayStyle-ForeColor="#5e715e">

第二步是對(duì)內(nèi)部功能的調(diào)整，這個(gè)工作主要集中在以下兩個(gè)事件的處理上。

PreRender：當(dāng)服務(wù)器控件將要呈現(xiàn)給其包含的Page對(duì)象時(shí)發(fā)生。

DayRender：當(dāng)為Calendar控件在控件層次結(jié)構(gòu)中創(chuàng)建每一天時(shí)發(fā)生。

先定義三個(gè)整型變量和整型數(shù)組
  private int[] arrCurrentDays,arrPreDays,arrNextDays;   //三個(gè)變量分別是當(dāng)前月，前一月，和下一個(gè)月
  private int intCurrentMonth,intPreMonth,intNextMonth;  //三個(gè)整型數(shù)組存放相對(duì)月份寫有blog的日期
  protected System.Web.UI.WebControls.Calendar Calendar1;  //這個(gè)就是我們的日歷控件了

     2. 下面我將分別給出這兩個(gè)事件的源碼，并在下面解釋它實(shí)現(xiàn)的功能，如果你看不明白，可以先看下面的說明

PreRender
  private void Calendar1_PreRender(object sender, System.EventArgs e)
  {
   Thread threadCurrent = Thread.CurrentThread; 
   CultureInfo ciNew = (CultureInfo)threadCurrent.CurrentCulture.Clone(); 
   ciNew.DateTimeFormat.DayNames = new string[]{"日","一","二","三","四","五","六"}; 
   ciNew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday; 
   threadCurrent.CurrentCulture = ciNew;
  }

以上代碼改變了星期名稱的顯示。你只需改變字符數(shù)組的值就能改名稱顯示。

DayRender
private void Calendar1_DayRender(object sender, System.Web.UI.WebControls.DayRenderEventArgs e)
  {
     //該控件在創(chuàng)建每一天時(shí)發(fā)生。

     CalendarDay d = ((DayRenderEventArgs)e).Day;
     TableCell c = ((DayRenderEventArgs)e).Cell;

     // 初始化當(dāng)前月有Blog的日期數(shù)組
     if( intPreMonth == 0 )
     {
         intPreMonth = d.Date.Month;  // 注意：日歷控件初始化時(shí)我們得到的第一個(gè)月并不是當(dāng)前月，而是前一個(gè)月的月份
         intCurrentMonth = intPreMonth+1;
　　  if (intCurrentMonth>12)
              intCurrentMonth=1 ;
         intNextMonth = intCurrentMonth+1;
         if (intNextMonth >12)
              intNextMonth =1;
         arrPreDays = getArrayDay(d.Date.Year,intPreMonth); //得到前一個(gè)月有blog的日期數(shù)組
         arrCurrentDays = getArrayDay(d.Date.Year,intCurrentMonth) ;//得到當(dāng)月有blog的日期數(shù)組
         arrNextDays = getArrayDay(d.Date.Year,intNextMonth) ;//得到下個(gè)月有blog的日期數(shù)組
   }

   int j=0;
if( d.Date.Month.Equals(intPreMonth) )
   {
      while( ! arrPreDays[j].Equals(0) )
      {
           if(d.Date.Day.Equals(arrPreDays[j]))
           {
                c.Controls.Clear();
                c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+
       d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>"));
           }
           j++;
      }
   }
   else if( d.Date.Month.Equals(intCurrentMonth) )
   {
       while( ! arrCurrentDays[j].Equals(0) )
      {
            if(d.Date.Day.Equals(arrCurrentDays[j]))
            {
                 c.Controls.Clear();
                 c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+
       d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>"));
             }
             j++;
       }
   }
   else if( d.Date.Month.Equals(intNextMonth) )
   {
        while( ! arrNextDays[j].Equals(0) )
        {
              if(d.Date.Day.Equals(arrNextDays[j]))
              {
                    c.Controls.Clear();
                    c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+
       d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>")); 
              }
               j++;
          }
    }
}

日期控件一個(gè)頁面能顯示三個(gè)月份的日期，當(dāng)前月是完整的，前一月和下一月有部分日期。DayRender事件會(huì)初始化具體日期的顯示方式，在這里我們要對(duì)有blog內(nèi)容的日期加上超級(jí)鏈接。于是我們需要在初始化時(shí)得到三個(gè)數(shù)組，數(shù)組里分別存放連續(xù)三個(gè)月的寫有blog的日期。然后依次與當(dāng)前日期比較，相同則加上鏈接。

在使用DayRender事件時(shí)，你一定不要忘了它是在每個(gè)日期初始化時(shí)執(zhí)行一次，這就意味著初始化一次日歷控件這個(gè)事件就要執(zhí)行42次，所以要盡可能的簡化操作，更不要不加判斷的進(jìn)行重復(fù)的數(shù)據(jù)庫操作，我剛開始時(shí)沒注意，在該事件里寫了兩個(gè)讀庫語句，結(jié)果嚴(yán)重影響性能。

下面這個(gè)方法是我用來獲得日期數(shù)組的。
// 得到該月有blog的日期數(shù)組
  private int[] getArrayDay(int intYear,int intMonth)
  {
       int[] intArray = new int[31];
       //從數(shù)據(jù)庫里選取符合要求的記錄，將日期存入數(shù)組
       string strSql = "select content_time from content where year(content_time)="+intYear+
    " and month(content_time)="+intMonth;
   dr = SqlHandle.GetDr(strSql);
   while(dr.Read())
   {
        if( i==0 )
       {
             intArray[i] = dr.GetDateTime(0).Day;
             i++;
        }
        else if( dr.GetDateTime(0).Day != intArray[i-1] )
        {
             intArray[i] = dr.GetDateTime(0).Day;
             i++;
         }
   }
   dr.Close();
    return intArray;
  }

 

7、 公告和計(jì)數(shù)器代碼：

代碼填寫在靜態(tài)新聞/聲明中，目前代碼如下：（其中<script language=JavaScript src="http://laoan.com/counters/count.php?kvw3000"></script>為在http://www.laoan.com/counters/申請(qǐng)的免費(fèi)計(jì)數(shù)器，注意將下面的kvw3000改為你自己申請(qǐng)的帳號(hào)）

<IMG src="http://blog.csdn.net/images/blog_csdn_net/upwaker/17243/t_rsxt0022.jpg" width="150" height="150"></br>
個(gè)人簡介</br>
網(wǎng)名：天山雪飛</br>
QQ：15878778</br>
<SMALL>MSN：<A href="mailto:wjt2000@etang.com" >kvw3000@hotmail.com</A></SMALL></br></br>

來自：河南</br> 

-------------------------------</br>
訪問量：
<script language=JavaScript src="http://laoan.com/counters/count.php?kvw3000"></script></br>
-------------------------------

8、.跟隨鼠標(biāo)的螢火蟲 

以下是代碼，無須修改
<script language="JavaScript">
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"}}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"}}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150}
</script>
<script language="JavaScript">
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2
if ((document.layers)||(document.all)){
with (Math) {yynextx= eval(yyfnx)}
with (Math) {yynexty= eval(yyfny)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft)) }
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft)); }
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");} }}
function YY_Mousetrace(evnt) { 
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);}
if (yy_tracescript)eval(yy_tracescript)}
</script>
<script language="JavaScript">
function PopWin()
{
var PopWin = window.open("new.htm","PopWin","toolbar=no,directries=no,scrollBars=yes,height=350,width=400");
}
</script>
<body>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width="1000px" bgColor="lightyellow">
</layer>
</div>
<div id="yyd0"
style="position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1; background-color: #19636c; layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)"></div><div
id="yyd1"
style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)"></div><div
id="yyd2"
style="position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1; background-color: #379bbf; layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)"></div><div
id="yyd3"
style="position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1; background-color: #25184c; layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)"></div><div
id="yyd4"
style="position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1; background-color: #31bd3c; layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)"></div><div
id="yyd5"
style="position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1; background-color: #c11efd; layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)"></div><script>
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
if (yyns4){ document.captureEvents(Event.mousemove);
YY_Mousetrace('',',document.YY_Mousetrace1')}
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/39.83007847812662))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/34.224861639800686))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.66510707209673))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/9.240632767417667))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/16.45318944579641))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.0564452288292))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.95348954836835))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/44.13697049887155))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/33.90077294583733))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/2.2378828869411587))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/37.858312521039835))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.083839795990098))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
</script>
</body>  


9.為Blog 添加“狀態(tài)欄文本”功能 

<script language=JavaScript>
 var MESSAGE="歡迎您親自光臨回家念經(jīng)的小站            "
 var POSITION=100
 var DELAY=10
 var scroll=new statusMessageObject()
 function statusMessageObject(p,d)
 {
  this.msg =MESSAGE
  this.out =" "
  this.pos =POSITION
  this.delay=DELAY
  this.i=0
  this.reset=clearMessage
 }
 function clearMessage()
 {
  this.pos=POSITION
 }
 function scroller()
 {
  for (scroll.i=0;scroll.i<scroll.pos;scroll.i++){
  scroll.out += " "}
  if (scroll.pos >= 0)
  scroll.out += scroll.msg
  else scroll.out=scroll.msg.substring(-scroll.pos,scroll.msg.length)
  window.status=scroll.out
  scroll.out=" "
  scroll.pos--
  if (scroll.pos < -(scroll.msg.length)) {
  scroll.reset()}
  setTimeout('scroller()',scroll.delay)
 }
 function snapIn(jumpSpaces,position)
 {
  var msg = scroll.msg
  var out = ""
  for(var i=0; i<position; i++) 
  {
   out+= msg.charAt(i)
  }
  for(i=1;i<jumpSpaces;i++) 
  {
   out += " "
  }
  out+=msg.charAt(position)
  window.status = out
  if(jumpSpaces <= 1)
  {
   position++
   if(msg.charAt(position) == ' ') 
   {
    position++
   }
   jumpSpaces = 100-position
  }
  else if (jumpSpaces >  3)
  {
   jumpSpaces *= .75
  }
  else
  {
   jumpSpaces--
  }
  if(position != msg.length)
  {
   var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
   scrollID = window.setTimeout(cmd,scroll.delay);
  }
  else
  {
   window.status=""
   jumpSpaces=0
   position=0
   cmd = "snapIn(" + jumpSpaces + "," + position + ")";
   scrollID = window.setTimeout(cmd,scroll.delay);
   return false
  }
  return true
 }
 snapIn(100,0);
</script>

10.為Blog 添加“跟隨鼠標(biāo)的文字”功能 

<style type="text/css">
.spanstyle
{
 position:absolute;
 visibility:visible;
 top:-500px;
 font-size:10pt;
 color: #0000ff;
 font-weight:bold;
}
</style>

<script>
 var x,y
 var step=15
 var flag=0
 var message="程序不過是夢(mèng)"
 message=message.split("")
 var xpos=new Array()
 for (i=0;i<=message.length;i++)
 {
  xpos[i]=-500
 }
 var ypos=new Array()
 for (i=0;i<=message.length;i++)
 {
  ypos[i]=-500
 }
 function handlerMM(e)
 {
  x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX-5
  y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY-75
  flag=1
 }
 function makesnake()
 {
  if (flag==1 && document.all)
  {
   for (i=message.length; i>=1; i--)
   {
    xpos[i]=xpos[i-1]+step
    ypos[i]=ypos[i-1]
   }
   xpos[0]=x+step
   ypos[0]=y
   for (i=0; i<message.length; i++)
   {
    var thisspan = eval("span"+(i)+".style")
    thisspan.posLeft=xpos[i]
    thisspan.posTop=ypos[i]
   }
  }
  else if (flag==1 && document.layers)
  {
   for (i=message.length; i>=1; i--)
   {
    xpos[i]=xpos[i-1]+step
    ypos[i]=ypos[i-1]
   }
   xpos[0]=x+step
   ypos[0]=y
   for (i=0; i<message.length; i++)
   {
    var thisspan = eval("document.span"+i)
    thisspan.left=xpos[i]
    thisspan.top=ypos[i]
   }
  }
  var timer=setTimeout("makesnake()",30)
 }
</script>

<body onLoad="makesnake()" >
<script>
 for (i=0;i<=message.length;i++)
 {
  document.write("<span id='span"+i+"'class='spanstyle'>")
  document.write(message[i])
  document.write("</span>")
 }
 if (document.layers)
 {
  document.captureEvents(Event.MOUSEMOVE);
 }
 document.onmousemove = handlerMM;
</script>

11.給blog增加一個(gè)功能，每次打開的時(shí)候自動(dòng)在頂部副標(biāo)題位置顯示一條格言 （這個(gè)我沒使用）

<script language="javascript">
var word=new Array();
word[0]="當(dāng)你感到悲哀痛苦時(shí)，最好是去學(xué)些什么東西。學(xué)習(xí)會(huì)使你永遠(yuǎn)立于不敗之地。"
word[1]="每一個(gè)成功者都有一個(gè)開始。勇于開始，才能找到成功的路。"
word[2]="與其臨淵羨魚，不如退而結(jié)網(wǎng)。"
word[3]="若不給自己設(shè)限，則人生中就沒有限制你發(fā)揮的藩籬。"
word[4]="絆腳石乃是進(jìn)身之階。"
word[5]="即使爬到最高的山上，一次也只能腳踏實(shí)地地邁一步。"
word[6]="積極思考造成積極人生，消極思考造成消極人生。"
word[7]="人之所以有一張嘴，而有兩只耳朵，原因是聽的要比說的多一倍。"
word[8]="別想一下造出大海，必須先由小河川開始。"
word[9]="即使是不成熟的嘗試，也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個(gè)機(jī)會(huì)，而消極的人則在每個(gè)機(jī)會(huì)都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花，就必須種植更多的玫瑰樹。"
word[11]="世上沒有絕望的處境，只有對(duì)處境絕望的人。"
word[12]="當(dāng)你感到悲哀痛苦時(shí)，最好是去學(xué)些什么東西。學(xué)習(xí)會(huì)使你永遠(yuǎn)立于不敗之地。"
word[13]="世界上那些最容易的事情中，拖延時(shí)間最不費(fèi)力。"
word[14]="沒有口水與汗水，就沒有成功的淚水。"
word[15]="如果你希望成功，以恒心為良友，以經(jīng)驗(yàn)為參謀，以小心為兄弟，以希望為哨兵。"
word[16]="大多數(shù)人想要改造這個(gè)世界，但卻罕有人想改造自己。"
word[17]="未曾失敗的人恐怕也未曾成功過。"
word[18]="人生偉業(yè)的建立，不在能知，乃在能行。"
word[19]="挫折其實(shí)就是邁向成功所應(yīng)繳的學(xué)費(fèi)。"
word[20]="任何的限制，都是從自己的內(nèi)心開始的。"
word[21]="忘掉失敗，不過要牢記失敗中的教訓(xùn)。"
word[22]="不是境況造就人，而是人造就境況。"
document.all("header").innerHTML="<a 
</script>