轉(zhuǎn)自http://blog.china-holiday.com/blog/user1/6/index.s...
請將以下代碼拷貝到您的個性模板源碼中或某篇文章的源碼中，例如本文的源碼中的最上面就拷貝了水滴效果的代碼。
1、在您的網(wǎng)頁上填加水滴、雪花等效果
<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在線狀態(tài)
<!-- 顯示msn在線狀態(tài),注意:必須在msn中設(shè)置允許所有人查看你的狀態(tài)才有效,否則msn圖標永遠發(fā)灰 -->
<A HREF="
<IMG SRC="onerror="this.onerror=null;this.src=‘http://snind.gotdns.com:8080/image/msnunknown.gif‘;">[/font]
3、顯示QQ在線狀態(tài)
<!-- QQ在線狀態(tài)顯示 -->
<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="點擊發(fā)送消息給我"></a>
4、不斷變化的狀態(tài)欄
<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>之間.
<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>之間
<SCRIPT>
function doTrans(filterCode)
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</SCRIPT>
<SPAN id=imgObj
onmouseleave=‘doTrans("gray")‘
style="FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px"
onmouseenter=‘doTrans("")‘>
<IMG id=oImg style="FILTER: gray" src="圖像.gif">
</SPAN>
說明：將 圖像.gif 換成您需要特效的圖片地址即可。
7、插入QQ美妙的電臺
<DIV style="LEFT: 0px; VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px"><IMG height=0 src="http://ping.qq.com/ping?u......_play.htm#&... 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、加入計數(shù)器
網(wǎng)絡(luò)上有許多免費的計數(shù)器，樣式五花八門，這里選擇了xcinfo.ha.cn提供的計數(shù)器，免費注冊后即可獲取代碼，具體代碼如下：
<script src=" " target="_blank">http://www.xcinfo.ha.cn/j....../script>
其中User是注冊的用戶名，長度為計數(shù)器的顯示長度，xy是計數(shù)器數(shù)字的大小，Mode是計數(shù)器的樣式，具體樣式信息可以在網(wǎng)站上瀏覽得到。
9、加入Google搜索工具
添加Google搜索工具，具體代碼如下：
<input type=text id=txtQ size=10>
<img src="http://www.google.com/logos/Logo_25wht.gif"
border="0" alt="Google" align="absmiddle" onclick="self.open(‘http://www.google.com/search?&hl=zh-CN&q=‘+txtQ.value,‘goog‘);"><br>
也可使用Google站點提供的代碼：
<!-- 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> 搜索我的網(wǎng)站<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->
10、添加“天氣預(yù)報”功能
<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>
11、增加flash精美時鐘
發(fā)現(xiàn)了很多絢麗的FLASH鐘表,免費,沒有廣告的可以使用,顏色也可選擇,安裝也方便。
你可以預(yù)覽后選擇自己喜歡的。
刻度時鐘：
<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/Cl......之間的任何一個數(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/Cl......之間的任何一個數(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/Cl......可以成功預(yù)覽的數(shù)字(請自己測試)。
12、 添加“狀態(tài)欄文本”功能
<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、添加“跟隨鼠標的文字”功能
<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>
14、每次打開的時候自動在頂部副標題位置顯示一條格言
<script language="java-script">
var word=new Array();
word[0]="當你感到悲哀痛苦時，最好是去學(xué)些什么東西。學(xué)習(xí)會使你永遠立于不敗之地。"
word[1]="每一個成功者都有一個開始。勇于開始，才能找到成功的路。"
word[2]="與其臨淵羨魚，不如退而結(jié)網(wǎng)。"
word[3]="若不給自己設(shè)限，則人生中就沒有限制你發(fā)揮的藩籬。"
word[4]="絆腳石乃是進身之階。"
word[5]="即使爬到最高的山上，一次也只能腳踏實地地邁一步。"
word[6]="積極思考造成積極人生，消極思考造成消極人生。"
word[7]="人之所以有一張嘴，而有兩只耳朵，原因是聽的要比說的多一倍。"
word[8]="別想一下造出大海，必須先由小河川開始。"
word[9]="即使是不成熟的嘗試，也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個機會，而消極的人則在每個機會都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花，就必須種植更多的玫瑰樹。"
word[11]="世上沒有絕望的處境，只有對處境絕望的人。"
word[12]="當你感到悲哀痛苦時，最好是去學(xué)些什么東西。學(xué)習(xí)會使你永遠立于不敗之地。"
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 href="/blog/nzhitao.blogchinese.com"><img src="/blog/uploadfile/200534145731970.gif‘" border=0 alt=‘藍色夢想align=right /></a><span>"+document.all("Header1_HeaderTitle").outerHTML+"<br/> "+word[parseInt(Math.random()*22)]+"</span>"
</script>
15、改變動態(tài)鼠標樣式
動態(tài)鼠標的插入
在<head>與</head>之間插入：
<style type=text/css>
a:hover { cursor:url(‘**.cur‘) }
BODY { cursor:url(‘**.cur‘) }
</style>
說明：
1、( )號中的為你的圖標的路徑，后綴名還有**.ico的，和**.ani的．
2、第一個路徑是接觸鏈接時的指針。第二個路徑是鼠標移動時的指針。
后綴名為**.ico 的為靜態(tài)
后綴名為**.cur 的為靜態(tài)
后綴名為**.ani 的為動畫
演示
下面介紹一些代碼：
01 綠色<BODY style=‘cursor:url(http://images.jojoo.net/gif/mouse.cur)‘>
02 花樹枝 <BODY style=‘cursor:url(http://yuhou.net/work/ima......wer/liujg_xw_answer...)‘>
03 小點跟隨<BODY style=‘cursor:url(http://yuhou.net/images/liujg_m030719.ani)‘>
04 粉紅玫瑰<BODY style=‘cursor:url(http://yuhou.net/build/images/03.cur)‘>
05 鑰匙<BODY style=‘cursor:url(http://asp.7i24.com/yhsjxe/book1/images/c.cur)‘>
06 小手<BODY style=‘cursor:url(http://asp.7i24.com/yhsjxe/book1/images/c2.cur)‘>
07 短筆<BODY style=‘cursor:url(http://asp.7i24.com/yhsjxe/links/01.cur)‘>
08 太陽花<BODY style=‘cursor:url(http://lssm.wx-e.com/images/lssm.ani)‘>
09 小色桿<BODY style=‘cursor:url(http://home.vipcp.net/kukumm/diary1/images/kuru2r....)‘>
10 綠色樣式剪頭<BODY style=‘cursor:url(http://lengku.net//index/mouse.ani)‘>
11 銀色樣式剪頭<BODY style=‘cursor:url(http://nms.voline.net/aspsky/skins/dream/mouse.ani)‘>
12 小老鼠<BODY style=‘cursor:url(http://e.1asphost.com/xiayule/guest7/pic/1.ani)‘>
13 有點像貓<BODY style=‘cursor:url(http://asp2.6to23.com/whslj/lyb/pic/cur.ani)‘>
14 美女頭像<BODY style=‘cursor:url(http://e.1asphost.com/xiayule/guest10/pic/cur.ani)‘>
15 小紅鼠<BODY style=‘cursor:url(http://e.1asphost.com/xiayule/guest11/pic/cur.ani)‘>
16 小粉豬<BODY style=‘cursor:url(http://e.1asphost.com/xiayule/guest8/pic/cur.ani)‘>
17 小美女加小煎頭<BODY style=‘cursor:url(http://e.1asphost.com/xiayule/guest12/pic/cur.ani)‘>
18 蝴蝶<BODY style=‘cursor:url(http://asp2.6to23.com/rlf/gb3/pic/cur.ani)‘>
19 小鐘點樣式<BODY style=‘cursor:url(http://asp2.6to23.com/peg3/clover3/pic/cur.ani)‘>
20 十字<BODY style=‘cursor:url(http://asp2.6to23.com/peg3/sky/pic/cross.ani)‘>
21 樣式剪頭<BODY style=‘cursor:url(http://asp2.6to23.com/peg3/sky/pic/cur.ani)‘>
22 銀桿<BODY style=‘cursor:url(http://asp2.6to23.com/peg3/sd/pic/cur.cur)‘>
23 帶頭粉紅桿<BODY style=‘cursor:url(http://asp2.6to23.com/peg3/sakura/pic/cur.ani)‘>
24 兩十字<BODY style=‘cursor:url(http://www.bluenuo.com/gbbear/pic/cur.ani)‘>
25 兔頭<BODY style=‘cursor:url(http://50net.com/book/img2/1.ani)‘>
26 螺旋<BODY style=‘cursor:url(http://50net.com/home/ani5.ani)‘>
27 花<BODY style=‘cursor:url(http://50net.com/forest/1.ico)‘>
28 花<BODY style=‘cursor:url(http://50net.com/forest/2.ico)‘>
29 動態(tài)小鼠<BODY style=‘cursor:url(http://www.kulongnvhai.com/free/pic/cur.ani)‘>
30 尾動灰色<BODY style=‘cursor:url(http://fhwep.lwang.net/Images/Wag3dg.ani)‘>
31 三角<BODY style=‘cursor:url(http://fhwep.lwang.net/Images/Wag3dw.ani)‘>
