個性化blog的方法集錦
更新時間:2007年02月01日 00:00:00 作者:
1、為你的 Blog 添加“天氣預(yù)報”功能。
在“選項”->“配置”的“靜態(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精美時鐘
時鐘申請:http://www.butabon.com/
刻度時鐘:
<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是時鐘的flash地址,可以在IE中預(yù)覽,其中的038可以替換成000-039之間或者051-059之間的任何一個數(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同樣是時鐘的flash地址,可以在IE中預(yù)覽,其中的019可以替換成000-019之間之間的任何一個數(shù)字(同樣全看個人喜好,呵呵)
第二種風(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同樣是時鐘的flash地址,可以在IE中預(yù)覽,其中的019可以替換成000-019之間之間的任何一個你可以在IE中可以成功預(yù)覽的數(shù)字(請自己測試)。
3、給BLOG加一個控制菜單展開和收縮的按扭
在看文章的時候BLOG的菜單欄實在的太礙眼,我于是加了個按扭用來控制菜單的顯示和隱藏。這可以用javascript來實現(xiàn),但是CSDN BLOG是不允許在配置中直接加入javascript的,但是我們可以將javascript加入到一張圖片onload事件里執(zhí)行。看我的就是加到計數(shù)計的圖片代碼里了,效果看左上角。程序代碼如下:
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、對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;
}
背景圖片是上傳到相冊中的圖片。
對左邊的菜單區(qū)沒有使用背景圖片,只是使用filter:alpha(opacity=100,finishopacity=0,style=1);產(chǎn)生了過渡效果的背景色。其實沒什么技術(shù)含量!
5、BLOG中顯示你的MSN和QQ的狀態(tài)
將以下代碼粘貼到BLOG管理配置中'靜態(tài)新聞'文本框中就可以了,保存頁面,重新看看你的首頁
MSN狀態(tài):
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帳號(xxx@hotmail.com)>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帳號(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帳號/l/612/">
更多可去http://qqol.3322.org/
6、為你的Blog打造個性日歷控件
日歷控件是dotnet自帶的控件之一,功能強大,在很多項目開發(fā)中都有用到,對于blog系統(tǒng)來說更是必不可少??v是好玉也仍需雕琢,為了使它更美觀實用,我們還需要對它進(jìn)行二次開發(fā)。
第一步是外觀設(shè)置,這個根據(jù)你的需要,只需對它的相關(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">
第二步是對內(nèi)部功能的調(diào)整,這個工作主要集中在以下兩個事件的處理上。
PreRender:當(dāng)服務(wù)器控件將要呈現(xiàn)給其包含的Page對象時發(fā)生。
DayRender:當(dāng)為Calendar控件在控件層次結(jié)構(gòu)中創(chuàng)建每一天時發(fā)生。
先定義三個整型變量和整型數(shù)組
private int[] arrCurrentDays,arrPreDays,arrNextDays; //三個變量分別是當(dāng)前月,前一月,和下一個月
private int intCurrentMonth,intPreMonth,intNextMonth; //三個整型數(shù)組存放相對月份寫有blog的日期
protected System.Web.UI.WebControls.Calendar Calendar1; //這個就是我們的日歷控件了
2. 下面我將分別給出這兩個事件的源碼,并在下面解釋它實現(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)建每一天時發(fā)生。
CalendarDay d = ((DayRenderEventArgs)e).Day;
TableCell c = ((DayRenderEventArgs)e).Cell;
// 初始化當(dāng)前月有Blog的日期數(shù)組
if( intPreMonth == 0 )
{
intPreMonth = d.Date.Month; // 注意:日歷控件初始化時我們得到的第一個月并不是當(dāng)前月,而是前一個月的月份
intCurrentMonth = intPreMonth+1;
if (intCurrentMonth>12)
intCurrentMonth=1 ;
intNextMonth = intCurrentMonth+1;
if (intNextMonth >12)
intNextMonth =1;
arrPreDays = getArrayDay(d.Date.Year,intPreMonth); //得到前一個月有blog的日期數(shù)組
arrCurrentDays = getArrayDay(d.Date.Year,intCurrentMonth) ;//得到當(dāng)月有blog的日期數(shù)組
arrNextDays = getArrayDay(d.Date.Year,intNextMonth) ;//得到下個月有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++;
}
}
}
日期控件一個頁面能顯示三個月份的日期,當(dāng)前月是完整的,前一月和下一月有部分日期。DayRender事件會初始化具體日期的顯示方式,在這里我們要對有blog內(nèi)容的日期加上超級鏈接。于是我們需要在初始化時得到三個數(shù)組,數(shù)組里分別存放連續(xù)三個月的寫有blog的日期。然后依次與當(dāng)前日期比較,相同則加上鏈接。
在使用DayRender事件時,你一定不要忘了它是在每個日期初始化時執(zhí)行一次,這就意味著初始化一次日歷控件這個事件就要執(zhí)行42次,所以要盡可能的簡化操作,更不要不加判斷的進(jìn)行重復(fù)的數(shù)據(jù)庫操作,我剛開始時沒注意,在該事件里寫了兩個讀庫語句,結(jié)果嚴(yán)重影響性能。
下面這個方法是我用來獲得日期數(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、 公告和計數(shù)器代碼:
代碼填寫在靜態(tài)新聞/聲明中,目前代碼如下:(其中<script language=JavaScript src="http://laoan.com/counters/count.php?kvw3000"></script>為在http://www.laoan.com/counters/申請的免費計數(shù)器,注意將下面的kvw3000改為你自己申請的帳號)
<IMG src="http://blog.csdn.net/images/blog_csdn_net/upwaker/17243/t_rsxt0022.jpg" width="150" height="150"></br>
個人簡介</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="程序不過是夢"
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增加一個功能,每次打開的時候自動在頂部副標(biāo)題位置顯示一條格言 (這個我沒使用)
<script language="javascript">
var word=new Array();
word[0]="當(dāng)你感到悲哀痛苦時,最好是去學(xué)些什么東西。學(xué)習(xí)會使你永遠(yuǎn)立于不敗之地。"
word[1]="每一個成功者都有一個開始。勇于開始,才能找到成功的路。"
word[2]="與其臨淵羨魚,不如退而結(jié)網(wǎng)。"
word[3]="若不給自己設(shè)限,則人生中就沒有限制你發(fā)揮的藩籬。"
word[4]="絆腳石乃是進(jìn)身之階。"
word[5]="即使爬到最高的山上,一次也只能腳踏實地地邁一步。"
word[6]="積極思考造成積極人生,消極思考造成消極人生。"
word[7]="人之所以有一張嘴,而有兩只耳朵,原因是聽的要比說的多一倍。"
word[8]="別想一下造出大海,必須先由小河川開始。"
word[9]="即使是不成熟的嘗試,也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個機會,而消極的人則在每個機會都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花,就必須種植更多的玫瑰樹。"
word[11]="世上沒有絕望的處境,只有對處境絕望的人。"
word[12]="當(dāng)你感到悲哀痛苦時,最好是去學(xué)些什么東西。學(xué)習(xí)會使你永遠(yuǎn)立于不敗之地。"
word[13]="世界上那些最容易的事情中,拖延時間最不費力。"
word[14]="沒有口水與汗水,就沒有成功的淚水。"
word[15]="如果你希望成功,以恒心為良友,以經(jīng)驗為參謀,以小心為兄弟,以希望為哨兵。"
word[16]="大多數(shù)人想要改造這個世界,但卻罕有人想改造自己。"
word[17]="未曾失敗的人恐怕也未曾成功過。"
word[18]="人生偉業(yè)的建立,不在能知,乃在能行。"
word[19]="挫折其實就是邁向成功所應(yīng)繳的學(xué)費。"
word[20]="任何的限制,都是從自己的內(nèi)心開始的。"
word[21]="忘掉失敗,不過要牢記失敗中的教訓(xùn)。"
word[22]="不是境況造就人,而是人造就境況。"
document.all("header").innerHTML="<a
</script>
在“選項”->“配置”的“靜態(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精美時鐘
時鐘申請:http://www.butabon.com/
刻度時鐘:
<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是時鐘的flash地址,可以在IE中預(yù)覽,其中的038可以替換成000-039之間或者051-059之間的任何一個數(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同樣是時鐘的flash地址,可以在IE中預(yù)覽,其中的019可以替換成000-019之間之間的任何一個數(shù)字(同樣全看個人喜好,呵呵)
第二種風(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同樣是時鐘的flash地址,可以在IE中預(yù)覽,其中的019可以替換成000-019之間之間的任何一個你可以在IE中可以成功預(yù)覽的數(shù)字(請自己測試)。
3、給BLOG加一個控制菜單展開和收縮的按扭
在看文章的時候BLOG的菜單欄實在的太礙眼,我于是加了個按扭用來控制菜單的顯示和隱藏。這可以用javascript來實現(xiàn),但是CSDN BLOG是不允許在配置中直接加入javascript的,但是我們可以將javascript加入到一張圖片onload事件里執(zhí)行。看我的就是加到計數(shù)計的圖片代碼里了,效果看左上角。程序代碼如下:
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、對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;
}
背景圖片是上傳到相冊中的圖片。
對左邊的菜單區(qū)沒有使用背景圖片,只是使用filter:alpha(opacity=100,finishopacity=0,style=1);產(chǎn)生了過渡效果的背景色。其實沒什么技術(shù)含量!
5、BLOG中顯示你的MSN和QQ的狀態(tài)
將以下代碼粘貼到BLOG管理配置中'靜態(tài)新聞'文本框中就可以了,保存頁面,重新看看你的首頁
MSN狀態(tài):
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帳號(xxx@hotmail.com)>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帳號(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帳號/l/612/">
更多可去http://qqol.3322.org/
6、為你的Blog打造個性日歷控件
日歷控件是dotnet自帶的控件之一,功能強大,在很多項目開發(fā)中都有用到,對于blog系統(tǒng)來說更是必不可少??v是好玉也仍需雕琢,為了使它更美觀實用,我們還需要對它進(jìn)行二次開發(fā)。
第一步是外觀設(shè)置,這個根據(jù)你的需要,只需對它的相關(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">
第二步是對內(nèi)部功能的調(diào)整,這個工作主要集中在以下兩個事件的處理上。
PreRender:當(dāng)服務(wù)器控件將要呈現(xiàn)給其包含的Page對象時發(fā)生。
DayRender:當(dāng)為Calendar控件在控件層次結(jié)構(gòu)中創(chuàng)建每一天時發(fā)生。
先定義三個整型變量和整型數(shù)組
private int[] arrCurrentDays,arrPreDays,arrNextDays; //三個變量分別是當(dāng)前月,前一月,和下一個月
private int intCurrentMonth,intPreMonth,intNextMonth; //三個整型數(shù)組存放相對月份寫有blog的日期
protected System.Web.UI.WebControls.Calendar Calendar1; //這個就是我們的日歷控件了
2. 下面我將分別給出這兩個事件的源碼,并在下面解釋它實現(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)建每一天時發(fā)生。
CalendarDay d = ((DayRenderEventArgs)e).Day;
TableCell c = ((DayRenderEventArgs)e).Cell;
// 初始化當(dāng)前月有Blog的日期數(shù)組
if( intPreMonth == 0 )
{
intPreMonth = d.Date.Month; // 注意:日歷控件初始化時我們得到的第一個月并不是當(dāng)前月,而是前一個月的月份
intCurrentMonth = intPreMonth+1;
if (intCurrentMonth>12)
intCurrentMonth=1 ;
intNextMonth = intCurrentMonth+1;
if (intNextMonth >12)
intNextMonth =1;
arrPreDays = getArrayDay(d.Date.Year,intPreMonth); //得到前一個月有blog的日期數(shù)組
arrCurrentDays = getArrayDay(d.Date.Year,intCurrentMonth) ;//得到當(dāng)月有blog的日期數(shù)組
arrNextDays = getArrayDay(d.Date.Year,intNextMonth) ;//得到下個月有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++;
}
}
}
日期控件一個頁面能顯示三個月份的日期,當(dāng)前月是完整的,前一月和下一月有部分日期。DayRender事件會初始化具體日期的顯示方式,在這里我們要對有blog內(nèi)容的日期加上超級鏈接。于是我們需要在初始化時得到三個數(shù)組,數(shù)組里分別存放連續(xù)三個月的寫有blog的日期。然后依次與當(dāng)前日期比較,相同則加上鏈接。
在使用DayRender事件時,你一定不要忘了它是在每個日期初始化時執(zhí)行一次,這就意味著初始化一次日歷控件這個事件就要執(zhí)行42次,所以要盡可能的簡化操作,更不要不加判斷的進(jìn)行重復(fù)的數(shù)據(jù)庫操作,我剛開始時沒注意,在該事件里寫了兩個讀庫語句,結(jié)果嚴(yán)重影響性能。
下面這個方法是我用來獲得日期數(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、 公告和計數(shù)器代碼:
代碼填寫在靜態(tài)新聞/聲明中,目前代碼如下:(其中<script language=JavaScript src="http://laoan.com/counters/count.php?kvw3000"></script>為在http://www.laoan.com/counters/申請的免費計數(shù)器,注意將下面的kvw3000改為你自己申請的帳號)
<IMG src="http://blog.csdn.net/images/blog_csdn_net/upwaker/17243/t_rsxt0022.jpg" width="150" height="150"></br>
個人簡介</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="程序不過是夢"
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增加一個功能,每次打開的時候自動在頂部副標(biāo)題位置顯示一條格言 (這個我沒使用)
<script language="javascript">
var word=new Array();
word[0]="當(dāng)你感到悲哀痛苦時,最好是去學(xué)些什么東西。學(xué)習(xí)會使你永遠(yuǎn)立于不敗之地。"
word[1]="每一個成功者都有一個開始。勇于開始,才能找到成功的路。"
word[2]="與其臨淵羨魚,不如退而結(jié)網(wǎng)。"
word[3]="若不給自己設(shè)限,則人生中就沒有限制你發(fā)揮的藩籬。"
word[4]="絆腳石乃是進(jìn)身之階。"
word[5]="即使爬到最高的山上,一次也只能腳踏實地地邁一步。"
word[6]="積極思考造成積極人生,消極思考造成消極人生。"
word[7]="人之所以有一張嘴,而有兩只耳朵,原因是聽的要比說的多一倍。"
word[8]="別想一下造出大海,必須先由小河川開始。"
word[9]="即使是不成熟的嘗試,也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個機會,而消極的人則在每個機會都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花,就必須種植更多的玫瑰樹。"
word[11]="世上沒有絕望的處境,只有對處境絕望的人。"
word[12]="當(dāng)你感到悲哀痛苦時,最好是去學(xué)些什么東西。學(xué)習(xí)會使你永遠(yuǎn)立于不敗之地。"
word[13]="世界上那些最容易的事情中,拖延時間最不費力。"
word[14]="沒有口水與汗水,就沒有成功的淚水。"
word[15]="如果你希望成功,以恒心為良友,以經(jīng)驗為參謀,以小心為兄弟,以希望為哨兵。"
word[16]="大多數(shù)人想要改造這個世界,但卻罕有人想改造自己。"
word[17]="未曾失敗的人恐怕也未曾成功過。"
word[18]="人生偉業(yè)的建立,不在能知,乃在能行。"
word[19]="挫折其實就是邁向成功所應(yīng)繳的學(xué)費。"
word[20]="任何的限制,都是從自己的內(nèi)心開始的。"
word[21]="忘掉失敗,不過要牢記失敗中的教訓(xùn)。"
word[22]="不是境況造就人,而是人造就境況。"
document.all("header").innerHTML="<a
</script>
相關(guān)文章
揪出交換機端口背后“兇手”導(dǎo)致網(wǎng)速太慢
揪出交換機端口背后“兇手”導(dǎo)致網(wǎng)速太慢...2007-11-11完美解決IIS 服務(wù)器無法加載應(yīng)用程序 ‘/LM/W3SVC/1/ROOT’。錯誤是:沒有注冊類別
完美解決IIS 服務(wù)器無法加載應(yīng)用程序 ‘/LM/W3SVC/1/ROOT’。錯誤是:沒有注冊類別...2007-09-09GHOST刪除分區(qū)和修復(fù)硬盤壞扇區(qū)不僅僅是備份還原
如果你只是用GHOST來備份和還原數(shù)據(jù)的話,那你可委屈了這款“功能強大”的軟件了。其實GHOST還有一些比較另類的功能,接下來為大家介紹下GHOST刪除分區(qū)和修復(fù)硬盤壞扇區(qū)2013-12-12