給blog添加效果（計(jì)數(shù)器、天氣預(yù)報(bào)、精美flash時(shí)鐘、跟隨鼠標(biāo)的螢火蟲、跟隨鼠標(biāo)的文字、狀態(tài)欄文本、副標(biāo)
示例：http://blog.csdn.net/kvw3000
本文收集整理而來(lái)，感謝各段代碼提供者！
整理：回家念經(jīng)（王結(jié)太）
1. 公告和計(jì)數(shù)器
2. 天氣預(yù)報(bào)
3. 跟隨鼠標(biāo)的螢火蟲
4. 狀態(tài)欄文本
5. 跟隨鼠標(biāo)的文字
6. 每次打開的時(shí)候自動(dòng)在頂部副標(biāo)題位置顯示一條不同格言
7. flash精美時(shí)鐘（新增）
在“選項(xiàng)”->“配置”的“靜態(tài)新聞/聲明”中加入下面相應(yīng)的語(yǔ)句就可以實(shí)現(xiàn)相應(yīng)的功能：
1. 公告和計(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="個(gè)人簡(jiǎn)介</br>
網(wǎng)名：回家念經(jīng)（kv300）</br>
QQ：107336063</br>
<SMALL>MSN：<A href="mailto:wjt2000@etang.com" >kvw3000@hotmail.com</A></SMALL></br></br>
來(lái)自：西安</br>
-------------------------------</br>
訪問(wèn)量：
<script language=JavaScript src="http://laoan.com/counters/count.php?kvw3000"></script></br>
-------------------------------
2. 為Blog 添加“天氣預(yù)報(bào)”功能
<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>
要更改默認(rèn)省份的話，只要在city=的后面加就行了，不過(guò)那個(gè)省份在列表中要有。
將:
city=
替換為:
city=上海
就可以了，不過(guò)先看一下列表里面有沒(méi)有上海這個(gè)城市，如果有的話再加。
3.跟隨鼠標(biāo)的螢火蟲
以下是代碼，無(wú)須修改
<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>
4.為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>
5.為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="程序不過(guò)是夢(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>
6.給blog增加一個(gè)功能，每次打開的時(shí)候自動(dòng)在頂部副標(biāo)題位置顯示一條格言 （這個(gè)我沒(méi)使用）
<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è)限，則人生中就沒(méi)有限制你發(fā)揮的藩籬。"
word[4]="絆腳石乃是進(jìn)身之階。"
word[5]="即使爬到最高的山上，一次也只能腳踏實(shí)地地邁一步。"
word[6]="積極思考造成積極人生，消極思考造成消極人生。"
word[7]="人之所以有一張嘴，而有兩只耳朵，原因是聽的要比說(shuō)的多一倍。"
word[8]="別想一下造出大海，必須先由小河川開始。"
word[9]="即使是不成熟的嘗試，也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個(gè)機(jī)會(huì)，而消極的人則在每個(gè)機(jī)會(huì)都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花，就必須種植更多的玫瑰樹。"
word[11]="世上沒(méi)有絕望的處境，只有對(duì)處境絕望的人。"
word[12]="當(dāng)你感到悲哀痛苦時(shí)，最好是去學(xué)些什么東西。學(xué)習(xí)會(huì)使你永遠(yuǎn)立于不敗之地。"
word[13]="世界上那些最容易的事情中，拖延時(shí)間最不費(fèi)力。"
word[14]="沒(méi)有口水與汗水，就沒(méi)有成功的淚水。"
word[15]="如果你希望成功，以恒心為良友，以經(jīng)驗(yàn)為參謀，以小心為兄弟，以希望為哨兵。"
word[16]="大多數(shù)人想要改造這個(gè)世界，但卻罕有人想改造自己。"
word[17]="未曾失敗的人恐怕也未曾成功過(guò)。"
word[18]="人生偉業(yè)的建立，不在能知，乃在能行。"
word[19]="挫折其實(shí)就是邁向成功所應(yīng)繳的學(xué)費(fèi)。"
word[20]="任何的限制，都是從自己的內(nèi)心開始的。"
word[21]="忘掉失敗，不過(guò)要牢記失敗中的教訓(xùn)。"
word[22]="不是境況造就人，而是人造就境況。"
document.all("header").innerHTML="<a ><img src='http://babypai.vicp.net/linklogo.gif' border=0 alt='ジβаЪy派主頁(yè)' align=right /></a><span>"+document.all("Header1_HeaderTitle").outerHTML+"<br/> "+word[parseInt(Math.random()*22)]+"</span>"
</script>
7. 給blog增加flash精美時(shí)鐘
發(fā)現(xiàn)了很多絢麗的FLASH鐘表,免費(fèi),沒(méi)有廣告的可以使用,顏色也可選擇,安裝也方便。
你可以預(yù)覽后選擇自己喜歡的。
刻度時(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è)試)。
- 最丑的時(shí)鐘效果！js canvas時(shí)鐘制作方法
- html5 canvas js(數(shù)字時(shí)鐘)實(shí)例代碼
- javascript入門·動(dòng)態(tài)的時(shí)鐘,顯示完整的一些方法,新年倒計(jì)時(shí)
- TextView顯示系統(tǒng)時(shí)間(時(shí)鐘功能帶秒針變化
- 顯示服務(wù)器時(shí)間的在線時(shí)鐘代碼簡(jiǎn)單
- 超級(jí)可愛(ài)純js網(wǎng)頁(yè)時(shí)鐘
- android實(shí)現(xiàn)widget時(shí)鐘示例分享
- c# winform時(shí)鐘的實(shí)現(xiàn)代碼
- C++ clock()解析如何使用時(shí)鐘計(jì)時(shí)的應(yīng)用
- 又一款js時(shí)鐘!transform實(shí)現(xiàn)時(shí)鐘效果
相關(guān)文章
任務(wù)管理器被禁用...2006-10-10
教你兩式妙招強(qiáng)行殺死頑固病毒進(jìn)程 taskkill
教你兩式妙招強(qiáng)行殺死頑固病毒進(jìn)程 taskkill...2006-12-12
HTTP 錯(cuò)誤 401.1 - 未經(jīng)授權(quán)：訪問(wèn)由于憑據(jù)無(wú)效被拒絕的解決方法
服務(wù)器上所有站點(diǎn)都顯示 未經(jīng)授權(quán)：訪問(wèn)由于憑據(jù)無(wú)效被拒絕找下了應(yīng)該是用戶有效時(shí)間問(wèn)題2008-06-06
最近做滲透測(cè)試時(shí)常碰到RADMIN一類的東西.. 一碰到此類的程序,一般我都會(huì)先看下對(duì)方把RADMIN的端口配置成什么..以及相應(yīng)的PASS(加密過(guò)的)2008-04-04
史上最牛的WINDOWS系統(tǒng)文件詳解...2007-03-03
新年裝機(jī)需小心！商家宰人陰招逐個(gè)數(shù)
2008-01-01
二級(jí)域名原理以及程序，申請(qǐng)即可開通...2007-02-02
注冊(cè)表更改IE圖標(biāo)2008-04-04
長(zhǎng)期損害硬盤的六款常用軟件...2006-12-12
收集整理的http/1.1 500 server error錯(cuò)誤的解決方法
http/1.1 500 server error，剛才訪問(wèn)正常的頁(yè)面，突然出問(wèn)題樂(lè)，特找了一下，然后整理方便大家解決問(wèn)題2007-12-12