网页常用特效整理：高级篇
笔者日积月累了许多精彩、实用的Web特效的制作，这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。:l7Q qm8ukt5x GTU
高级篇
C?yx*gmo"Zr
1．不同时间段显示不同问候语
#}k"|#{^VsFi
9uiNd:G GF9c i8M Q/g
2．水中倒影效果/NJ{3X%q0pOA
＜img id="reflect" src="你自己的图片文件名" width="175" height="59"＞aT5lm ?9WG/S"B
lR;vn%g%b3Z n
3．慢慢变大的窗口
3tC%I,E'|k-K,K |/} J
w[A K{%PP:n I
＜p＞＜a href="javascript:openwindow('http://89w.org')"＞进入＜/a＞] Rp$v8l[,k0E!D
4．改变IE地址栏的IE图标8y,Ny,FV"f `5B j#~ G-N
k jg OH |,Qc
我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：
＜link REL = "Shortcut Icon" href="index.ico"＞
5．让网页随意后退
*cmlc FO
＜a href="javascript:history.go(-X)"＞X＜/a＞ //把X换成你想要后退在页数
//把“-”变成“+”就为前进
7TY-_Vc i!wB U.q
6．鼠标指向时弹出信息框 c Z9FH ]~,_'O&G
在＜body＞＜/body＞之间加上如下代码：u+N)_CV wU
＜a href＞显示的链接文字＜/a＞
"|i$Q%n0A0k EU@
7．单击鼠标右键弹出添加收藏夹对话框;J~q g3V v I
#~(V&[3cO h
在＜body＞＜/body＞之间加上如下代码：
#\Y}"t#I-P.v`"j
8．随机变换背景图象（一个可以刷新心情的特效） m t^,m7zAy
7x0H3G k@
在＜head＞＜/head＞之间加上如下代码：
[eR k N ^)m \G
9．鼠标一碰就给颜色看的链接
在＜body＞＜/body＞之间加上如下代码：.zA'J(I0z
＜p＞你敢碰我，我就给点颜色你看！＜/p＞/xjQK:T_e&P
2Jt1S5^8s7x
Eq H aW xY(c
10．从天而降并有幻影效果的窗口 E}D9J N J"c
Y.YCAY h4St!e
＜head＞ dNu N bt4^5B
＜Script language="javascript"＞
function move(x) {F vf Er?U8D
if(self.moveBy){(\ekj2dC_
self.moveBy (0,-800);
for(i = x; i ＞ 0; i--)
{
self.moveBy(0,3);
}
for(j = 200; j ＞ 0; j--){ //如果你认为窗口抖动厉害，就200换成个位数Z/y*BCJv
self.moveBy(0,j);^4n_X;{BW*\
self.moveBy(j,0); K3]?d(a*F[
self.moveBy(0,-j);F7yq)j$q v.J+{
self.moveBy(-j,0);
}
}
} Le_`L gB ia
＜/Scrip＞3Z R Ldx k
＜body bgColor=#ffffff onload=move(280)＞;Y} {:_J/],\"M `t
＜/body＞
＜/head＞@-lI'a I(Qf c$WZ | s0U
11．表格的半透明显示效果
在＜head＞＜/head＞之间加上如下代码：'u4N"i}{
*e}"PNn
a.n8k.Je9X ]9g'EW
在＜body＞＜/body＞之间加上如下代码：;A C Z9y3PodS6x"r ~
＜table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" ＞
＜tr＞&Ms4jETJ
＜td width="100%" height="62"＞qC8N wZ u c1T
＜div align="center"＞很酷吧!＜/div＞*cBW!V6J/^ Il
＜/td＞/n&a? glY
＜/tr＞}5d8k L:Z
＜/table＞
页:
[1]
