onmouseover="img1.style.width="95";"
onmouseout="img1.style.width="67";">
模仿QQ和MSN消息提示的效果
[日期：
2006-04-12]
来源：
作者：
未知
[字体：
大中小]
你一定很喜欢像QQ或者MSN好友登录提示的效果吧，那么怎么样能在网页中实现呢？
正好我在蓝色理想中发现了这段代码，贴出给大家看看（注意，如果使用以下代码，先将全角“＜＞”替换成半角的“<>”才能正常使用）：
＜SCRIPT＞
varoPopup=window.createPopup（）;
varpopTop=50;
functionpopmsg（msgstr）{
varwinstr="＜tablestyle=\"border:
1solid#FFA6CA\"width=\"241\"height=\"172\"border=\"0\"cellpadding=\"0\"cellspacing=\"0\"background=\"＞";
winstr+="＜tr＞＜tdheight=\"30\"＞＜/td＞＜/tr＞＜tr＞＜tdalign=\"center\"＞＜tablewidth=\"90%\"height=\"110\"border=\"0\"cellpadding=\"0\"cellspacing=\"0\"＞";
winstr+="＜tr＞＜tdvalign=\"top\"style=\"font-size:
12px;color:
red;face:
Tahoma\"＞"+msgstr+"＜/td＞＜/tr＞＜/table＞＜/td＞＜/tr＞＜/table＞";
oPopup.document.body.innerHTML=winstr;
popshow（）;
}
functionpopshow（）{
window.status=popTop;
if（popTop＞1720）{
clearTimeout（mytime）;
oPopup.hide（）;
return;
}elseif（popTop＞1520&&popTop＜1720）{
oPopup.show（screen.width-250,screen.height,241,1720-popTop）;
}elseif（popTop＞1500&&popTop＜1520）{
oPopup.show（screen.width-250,screen.height+（popTop-1720）,241,172）;
}elseif（popTop＜180）{
oPopup.show（screen.width-250,screen.height,241,popTop）;
}elseif（popTop＜220）{
oPopup.show（screen.width-250,screen.height-popTop,241,172）;
}
popTop+=10;
varmytime=setTimeout（"popshow（）;",50）;
}
popmsg（"＜imgborder=\"0\"src=\"width=\"90\"height=\"27\"＞欢迎光临蓝色理想，大量的设计资源等着你!
有什么问题可以到经典论坛提出。
"）;
＜/SCRIPT＞
中级篇
1．节日倒计时
＜ScriptLanguage="JavaScript"＞
vartimedate=newDate（"October1,2002"）;
vartimes="国庆节";
varnow=newDate（）;
vardate=timedate.getTime（）-now.getTime（）;
vartime=Math.floor（date/（1000*60*60*24））;
if（time＞=0）
document.write（"现在离"+times+"还有:
"+time+"天"）＜/Script＞
2．单击按钮打印出当前页
＜ScriptLanguage="JavaScript"＞
＜!
--Begin
if（window.print）{
document.write（'＜form＞'
+'＜inputtype=buttonname=printvalue="打印本页"'
+'onClick="javascript:
window.print（）"＞＜/form＞'）;
}
//End--＞
＜/Script＞
3．单击按钮‘另存为’当前页
＜inputtype="button"name="Button"value="保存本页"
onClick="document.all.button.ExecWB（4,1）"＞
＜objectid="button"
width=0
height=0
classid="CLSID:
8856F961-340A-11D0-A96B-00C04FD705A2"＞
＜embedwidth="0"height="0"＞＜/embed＞
＜/object＞
4．显示系统当前日期
＜scriptlanguage=JavaScript＞
today=newDate（）;
functiondate（）{
this.length=date.arguments.length
for（vari=0;i＜this.length;i++）
this[i+1]=date.arguments[i]}
vard=newdate（"星期日","星期一","星期二","星期三","星期四","星期五","星期六"）;
document.write（
"＜fontcolor=##000000style='font-size:
9pt;font-family:
宋体'＞",
today.getYear（）,"年",today.getMonth（）+1,"月",today.getDate（）,"日",
d[today.getDay（）+1],"＜/font＞"）;
＜/script＞
高级篇
1．不同时间段显示不同问候语
＜ScriptLanguage="JavaScript"＞
＜!
--
vartext="";day=newDate（）;time=day.getHours（）;
if（（time＞=0）&&（time＜7））
text="夜猫子，要注意身体哦！
"
if（（time＞=7）&&（time＜12））
text="今天的阳光真灿烂啊，你那个朋友呢？
"
if（（time＞=12）&&（time＜14））
text="午休时间。
您要保持睡眠哦！
"
if（（time＞=14）&&（time＜18））
text="祝您下午工作愉快！
"
if（（time＞=18）&&（time＜=22））
text="您又来了，可别和MM聊太久哦！
"
if（（time＞=22）&&（time＜24））
text="您应该休息了！
"
document.write（text）
//---＞
＜/Script＞
2．水中倒影效果
＜imgid="reflect"src="../../你自己的图片文件名"width="175"height="59"＞
＜scriptlanguage="JavaScript"＞
functionf1（）
{
setInterval（"mdiv.filters.wave.phase+=10",100）;
}
if（document.all）
{
document.write（'＜imgid=mdivsrc="'+document.all.reflect.src+'"
style="filter:
wave（strength=3,freq=3,phase=0,lightstrength=30）blur（）flipv（）"＞'）
window.onload=f1
}
＜/script＞
3．慢慢变大的窗口
＜ScriptLanguage="JavaScript"＞
＜!
--
varWindowsheight=100
varWindowswidth=100
varnumx=5
functionopenwindow（thelocation）{
temploc=thelocation
if
（!
（window.resizeTo&&document.all）&&!
（window.resizeTo&&document.getElementById））
{
window.open（thelocation）
return
}
windowsize=window.open（"","","scrollbars"）
windowsize.moveTo（0,0）
windowsize.resizeTo（100,100）
tenumxt（）
}
functiontenumxt（）{
if（Windowsheight＞=screen.availHeight-3）
numx=0
windowsize.resizeBy（5,numx）
Windowsheight+=5
Windowswidth+=5
if（Windowswidth＞=screen.width-5）
{
windowsize.location=temploc
Windowsheight=100
Windowswidth=100
numx=5
return
}
setTimeout（"tenumxt（）",50）
}
//--＞
＜/script＞
＜p＞＜ahref="javascript:
openwindow（''）"＞进入＜/a＞
4．改变IE地址栏的IE图标
我们要先做一个16*16的icon（图标文件），保存为index.ico。
把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：
＜linkREL="ShortcutIcon"href="index.ico"＞
5．让网页随意后退
＜ahref="javascript:
history.go（-X）"＞X＜/a＞//把X换成你想要后退在页数
//把“-”变成“+”就为前进
6．鼠标指向时弹出信息框
在＜body＞＜/body＞之间加上如下代码：
＜ahrefonmouseover="alert（'弹出信息！
'）"＞显示的链接文字＜/a＞
7．单击鼠标右键弹出添加收藏夹对话框
在＜body＞＜/body＞之间加上如下代码：
＜ScriptLanguage=JavaScript＞
if（document.all）
document.body.onmousedown=newFunction（"if（event.button==2||event.button==3）
window.external.addFavorite（'您的网址','您的网站名称）"）
＜/Script＞
8．随机变换背景图象（一个可以刷新心情的特效）
在＜head＞＜/head＞之间加上如下代码：
＜ScriptLanguage="JavaScript"＞
image=newArray（4）;//定义image为图片数量的数组
image[0]='tu0.gif'//背景图象的路径
image[1]='tu1.gif'
image[2]='tu2.gif'
image[3]='tu3.gif'
image[4]='tu4.gif'
number=Math.floor（Math.random（）*image.length）;
document.write（"＜BODYBACKGROUND="+image[number]+"＞"）;
＜/Script＞
9．鼠标一碰就给颜色看的链接
在＜body＞＜/body＞之间加上如下代码：
＜ponMouseMove="anniu（）"＞你敢碰我，我就给点颜色你看！
＜/p＞
＜ScriptLanguage="VBScript"＞
subanniu
document.fgColor=int（256*256*256*rnd）
endsub
＜/Script＞
10．从天而降并有幻影效果的窗口
＜head＞
＜Scriptlanguage="JavaScript"＞
functionmove（x）{
if（self.moveBy）{
self.moveBy（0,-800）;
for（i=x;i＞0;i--）
{
self.moveBy（0,3）;
}
for（j=200;j＞0;j--）{//如果你认为窗口抖动厉害，就200换成个位数
self.moveBy（0,j）;
self.moveBy（j,0）;
self.moveBy（0,-j）;
self.moveBy（-j,0）;
}
}
}
＜/Scrip＞
＜bodybgColor=#ffffffonload=move（280）＞
＜/body＞
＜/head＞
11．表格的半透明显示效果
在＜head＞＜/head＞之间加上如下代码：
＜style＞
.alpha{filter:
Alpha（Opacity=50）}//50表示50%的透明度
＜/style＞
在＜body＞＜/body＞之间加上如下代码：
＜tableborder="1"width="100"height="62"class="alpha"bgcolor="#F2A664"＞
＜tr＞
＜tdwidth="100%"height="62"＞
＜divalign="center"＞很酷吧!
＜/div＞
＜/td＞
＜/tr＞
＜/table＞
升级会员 