1、在您的網(wǎng)頁(yè)上填加水滴、雪花等效果
<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圖標(biāo)永遠(yuǎn)發(fā)灰 -->
<A >
<IMG SRC="http://snind.gotdns.com:8080/msn/你的msn用戶名"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
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號(hào)碼&Exe=QQ&Site=Simplelife&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的qq號(hào)碼:4 alt="點(diǎn)擊發(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、標(biāo)題欄特效
代碼如下.加在<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>
說(shuō)明：將 圖像.gif 換成您需要特效的圖片地址即可。
7、插入QQ美妙的電臺(tái)
<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、加入計(jì)數(shù)器
網(wǎng)絡(luò)上有許多免費(fèi)的計(jì)數(shù)器，樣式五花八門，這里選擇了xcinfo.ha.cn提供的計(jì)數(shù)器，免費(fèi)注冊(cè)后即可獲取代碼，具體代碼如下：
<script src="http://www.xcinfo.ha.cn/jsq/default.asp?User=yuanxz&Length=8&x=20&y=27&Mode=059"></script>
其中User是注冊(cè)的用戶名，長(zhǎng)度為計(jì)數(shù)器的顯示長(zhǎng)度，xy是計(jì)數(shù)器數(shù)字的大小，Mode是計(jì)數(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站點(diǎn)提供的代碼：
<!-- 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 >
<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ù)報(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>
11、增加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è)試)。
12、 添加“狀態(tài)欄文本”功能
<script language=java-script>
var MESSAGE="歡迎您親自光臨藍(lán)色夢(mèng)想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、添加“跟隨鼠標(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>
14、每次打開(kāi)的時(shí)候自動(dòng)在頂部副標(biāo)題位置顯示一條格言
<script language="java-script">
var word=new Array();
word[0]="當(dāng)你感到悲哀痛苦時(shí)，最好是去學(xué)些什么東西。學(xué)習(xí)會(huì)使你永遠(yuǎn)立于不敗之地。"
word[1]="每一個(gè)成功者都有一個(gè)開(kāi)始。勇于開(kāi)始，才能找到成功的路。"
word[2]="與其臨淵羨魚(yú)，不如退而結(jié)網(wǎng)。"
word[3]="若不給自己設(shè)限，則人生中就沒(méi)有限制你發(fā)揮的藩籬。"
word[4]="絆腳石乃是進(jìn)身之階。"
word[5]="即使爬到最高的山上，一次也只能腳踏實(shí)地地邁一步。"
word[6]="積極思考造成積極人生，消極思考造成消極人生。"
word[7]="人之所以有一張嘴，而有兩只耳朵，原因是聽(tīng)的要比說(shuō)的多一倍。"
word[8]="別想一下造出大海，必須先由小河川開(kāi)始。"
word[9]="即使是不成熟的嘗試，也勝于胎死腹中的策略。"
word[10]="積極的人在每一次憂患中都看到一個(gè)機(jī)會(huì)，而消極的人則在每個(gè)機(jī)會(huì)都看到某種憂患。"
word[11]="如果我們想要更多的玫瑰花，就必須種植更多的玫瑰樹(shù)。"
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)心開(kāi)始的。"
word[21]="忘掉失敗，不過(guò)要牢記失敗中的教訓(xùn)。"
word[22]="不是境況造就人，而是人造就境況。"
document.all("header").innerHTML="<a href=‘nzhitao.blogchinese.com‘><img src=uploadfile/200534145731970.gif‘ border=0 alt=‘藍(lán)色夢(mèng)想align=right /></a><span>"+document.all("Header1_HeaderTitle").outerHTML+"<br/> "+word[parseInt(Math.random()*22)]+"</span>"
</script>
15、改變動(dòng)態(tài)鼠標(biāo)樣式
動(dòng)態(tài)鼠標(biāo)的插入
在<head>與</head>之間插入：
<style type=text/css>
a:hover {cursor:url(‘**.cur‘)}
BODY {cursor:url(‘**.cur‘)}
</style>
說(shuō)明：
1、( )號(hào)中的為你的圖標(biāo)的路徑，后綴名還有**.ico的，和**.ani的．
2、第一個(gè)路徑是接觸鏈接時(shí)的指針。第二個(gè)路徑是鼠標(biāo)移動(dòng)時(shí)的指針。
后綴名為**.ico 的為靜態(tài)
后綴名為**.cur 的為靜態(tài)
后綴名為**.ani 的為動(dòng)畫(huà)
演示
下面介紹一些代碼：
01 綠色<BODY style=‘cursor:url(http://images.jojoo.net/gif/mouse.cur)‘>
02 花樹(shù)枝 <BODY style=‘cursor:url(http://yuhou.net/work/images/xw_answer/liujg_xw_answer_nor.cur)‘>
03 小點(diǎn)跟隨<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 太陽(yáng)花<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.ani)‘>
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 有點(diǎn)像貓<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 小鐘點(diǎn)樣式<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 動(dòng)態(tài)小鼠<BODY style=‘cursor:url(http://www.kulongnvhai.com/free/pic/cur.ani)‘>
30 尾動(dòng)灰色<BODY style=‘cursor:url(http://fhwep.lwang.net/Images/Wag3dg.ani)‘>
31 三角<BODY style=‘cursor:url(http://fhwep.lwang.net/Images/Wag3dw.ani)‘>
