精品代碼匯總請將以下代碼拷貝到您的個性模板源碼中或某篇文章的源碼中，例如本文的源碼中的最上面就拷貝了水滴效果的代碼。
1、在您的網頁上填加水滴、雪花等效果
[Copy to clipboard]CODE:
<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.china-holiday.com/images/flash/009.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
以上是水滴效果，如果用以下地址代替上面的http://www.china-holiday.com/images/flash/009.swf，效果分別如以下括弧中所示：
http://www.china-holiday.com/images/flash/005.swf (雪花效果)
http://www.china-holiday.com/images/flash/006.swf (飛心效果)
http://www.china-holiday.com/images/flash/007.swf (落葉效果)
http://www.china-holiday.com/images/flash/008.swf (下雨效果)
2、顯示MSN在線狀態
[Copy to clipboard]CODE:
<!-- 顯示msn在線狀態,注意:必須在msn中設置允許所有人查看你的狀態才有效,否則msn圖標永遠發灰 -->
<A HREF="http://snind.gotdns.com:8080/message/msn/你的msn用戶名">
<IMG SRC="http://snind.gotdns.com:8080/msn/你的msn用戶名"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
>
3、顯示QQ在線狀態
[Copy to clipboard]CODE:
<!-- QQ在線狀態顯示 -->
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的qq號碼&Exe=QQ&Site=Simplelife&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的qq號碼:4 alt="點擊發送消息給我"></a>
4、不斷變化的狀態欄
[Copy to clipboard]CODE:
<SCRIPT language=JavaScript>
<!--
<!--
var speed = 100
var pause = 1000
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] =" "
ar[1] = " "
ar[2] = " "
ar[3] = " "
ar[4] =" "
var currentMessage = 0
var offset = 0
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false}
function startBanner() {
stopBanner()
showBanner()}
function showBanner() {
var text = ar[currentMessage]
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset + 1)
window.status = partialMessage
offset++
timerID = setTimeout("showBanner()", speed)
bannerRunning = true}
else {
offset = 0
currentMessage++
if (currentMessage == ar.length)
currentMessage = 0
timerID = setTimeout("showBanner()", pause)
bannerRunning = true }}
startBanner();
// -->
//
5、標題欄特效
代碼如下.加在<body>與</body>之間.
[Copy to clipboard]CODE:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var message = new Array();
// Set your messages you want typed into the title bar below.
// To add more messages, just add more elements to the array.
message[0] = "文字.";
message[1] = "文字";
message[2] = "文字.";
message[3] = "文字.";
message[4] = "文字";
// Set the number of repetitions (how many times a given message is typed out
// before moving onto the next message).
var reps = 1;
var speed = 275;// Set the overall typing speed (larger number = slower action).
var hold = 4 // set the length of time to display the whole phrase before retyping (larger number = longer)
// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
……
6、[圖片特效]黑白圖片漸變彩色
以下代碼放在<body>與</body>之間
[Copy to clipboard]CODE:
<SCRIPT>
function doTrans(filterCode)
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</SCRIPT>
<SPAN id=imgObj
style="FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px"
>
<IMG id=oImg style="FILTER: gray" src="圖像.gif">
</SPAN>
說明：將 圖像.gif 換成您需要特效的圖片地址即可。
7、插入QQ美妙的電臺
[Copy to clipboard]CODE:
<DIV style="LEFT: 0px; VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px"><IMG height=0 src="http://ping.qq.com/ping?u=http://listen.qq.com/player/web_play.htm#&r=" width=0></DIV>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#2f86c9><IMG height=1 src="http://listen.qq.com/images/spacer.gif" width=1></TD></TR>
<TR>
<TD align=middle bgColor=#57a8e6 height=24>
<TABLE cellSpacing=0 cellPadding=0 width=680 border=0>
<TBODY>
<TR>
<TD align=middle width=140>
<TABLE cellSpacing=0 cellPadding=0 width=116 border=0>
<OBJECT id=media codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading type=application/x-oleobject height=0 width=0 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 Microsoft?
……
8、加入計數器
網絡上有許多免費的計數器，樣式五花八門，這里選擇了xcinfo.ha.cn提供的計數器，免費注冊后即可獲取代碼，具體代碼如下：
<script src="http://www.xcinfo.ha.cn/jsq/default.asp?User=yuanxz&Length=8&x=20&y=27&Mode=059"></script>
其中User是注冊的用戶名，長度為計數器的顯示長度，xy是計數器數字的大小，Mode是計數器的樣式，具體樣式信息可以在網站上瀏覽得到。
9、加入Google搜索工具
添加Google搜索工具，具體代碼如下：
[Copy to clipboard]CODE:
<input type=text id=txtQ size=10>
<img src="http://www.google.com/logos/Logo_25wht.gif"
border="0" alt="Google" align="absmiddle" ><br>
也可使用Google站點提供的代碼：
[Copy to clipboard]CODE:
<!-- SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<INPUT TYPE=hidden name=ie value=GB2312>
<INPUT TYPE=hidden name=oe value=GB2312>
<INPUT TYPE=hidden name="hl" value="zh-CN">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=submit name=btnG VALUE="Google Search">
<font size=-1>
<INPUT TYPE=hidden name=domains value="YOUR DOMAIN NAME"><br>
<INPUT TYPE=radio name=sitesearch value=""> 搜索WWW
<INPUT TYPE=radio name=sitesearch value="http://blog.csdn.net/yuanxz" checked> 搜索我的網站<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->
10、添加“天氣預報”功能
[Copy to clipboard]CODE:
<p><b>今日天氣</b><br>
<center><iframe width=157 height=240 frameborder=0 scrolling=NO src='
11、增加flash精美時鐘
發現了很多絢麗的FLASH鐘表,免費,沒有廣告的可以使用,顏色也可選擇,安裝也方便。
你可以預覽后選擇自己喜歡的。
刻度時鐘：
[Copy to clipboard]CODE:
<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中預覽，其中的038可以替換成000-039之間或者051-059之間的任何一個數字(全看個人喜好，呵呵)
數字時鐘：
第一種風格：
[Copy to clipboard]CODE:
<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中預覽，其中的019可以替換成000-019之間之間的任何一個數字(同樣全看個人喜好，呵呵)
第二種風格：
[Copy to clipboard]CODE:
<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中預覽，其中的019可以替換成000-019之間之間的任何一個你可以在IE中可以成功預覽的數字(請自己測試)。
12、 添加“狀態欄文本”功能
[Copy to clipboard]CODE:
<script language=java-script>
var MESSAGE="歡迎您親自光臨藍色夢想BLOG "
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>
13、添加“跟隨鼠標的文字”功能
[Copy to clipboard]CODE:
<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=-500
}
var ypos=new Array()
for (i=0;i<=message.length;i++)
{
ypos=-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=xpos[i-1]+step
ypos=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
thisspan.posTop=ypos
}
}
else if (flag==1 && document.layers)
{
for (i=message.length; i>=1; i--)
{
xpos=xpos[i-1]+step
ypos=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
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
<body >
<script>
for (i=0;i<=message.length;i++)
{
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message)
document.write("</span>")
}
if (document.layers)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
14、每次打開的時候自動在頂部副標題位置顯示一條格言
[Copy to clipboard]CODE:
<script language="java-script">
var word=new Array();
word[0]="當你感到悲哀痛苦時，最好是去學些什么東西。學習會使你永遠立于不敗之地。"
word[1]="每一個成功者都有一個開始。勇于開始，才能找到成功的路。"
word[2]="與其臨淵羨魚，不如退而結網。"
word[3]="若不給自己設限，則人生中就沒有限制你發揮的藩籬。"
word[4]="絆腳石乃是進身之階。"
word[5]="即使爬到最高的山上，一次也只能腳踏實地地邁一步。"
word[6]="積極思考造成積極人生，消極思考造成消極人生。"
word[7]="人之所以有一張嘴，而有兩只耳朵，原因是聽的要比說的多一倍。"
word[8]="別想一下造出大海，必須先由小河川開始。"
word[9]="即使是不成熟的嘗試，也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個機會，而消極的人則在每個機會都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花，就必須種植更多的玫瑰樹。"
word[11]="世上沒有絕望的處境，只有對處境絕望的人。"
word[12]="當你感到悲哀痛苦時，最好是去學些什么東西。學習會使你永遠立于不敗之地。"
word[13]="世界上那些最容易的事情中，拖延時間最不費力。"
word[14]="沒有口水與汗水，就沒有成功的淚水。"
word[15]="如果你希望成功，以恒心為良友，以經驗為參謀，以小心為兄弟，以希望為哨兵。"
word[16]="大多數人想要改造這個世界，但卻罕有人想改造自己。"
word[17]="未曾失敗的人恐怕也未曾成功過。"
word[18]="人生偉業的建立，不在能知，乃在能行。"
word[19]="挫折其實就是邁向成功所應繳的學費。"
word[20]="任何的限制，都是從自己的內心開始的。"
word[21]="忘掉失敗，不過要牢記失敗中的教訓。"
word[22]="不是境況造就人，而是人造就境況。"
document.all("header").innerHTML="<a href='nzhitao.blogchinese.com'><img src=uploadfile/200534145731970.gif' border=0 alt='藍色夢想align=right /></a><span>"+document.all("Header1_HeaderTitle").outerHTML+"<br/> "+word[parseInt(Math.random()*22)]+"</span>"
</script>
15、改變動態鼠標樣式
動態鼠標的插入
在<head>與</head>之間插入：
[Copy to clipboard]CODE:
<style type=text/css>
a:hover {cursor:url('**.cur')}
BODY {cursor:url('**.cur')}
</style>
說明：
1、( )號中的為你的圖標的路徑，后綴名還有**.ico的，和**.ani的．
2、第一個路徑是接觸鏈接時的指針。第二個路徑是鼠標移動時的指針。
后綴名為**.ico 的為靜態
后綴名為**.cur 的為靜態
后綴名為**.ani 的為動畫
演示
