网页常用特效整理：高级篇(页 1) - ASP,PHP,CGI,JSP技术 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

admin 发表于 2008-1-19 22:37

网页常用特效整理：高级篇

笔者日积月累了许多精彩、实用的Web特效的制作，这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。

　　高级篇zQ D|i0YmQ

　　1．不同时间段显示不同问候语;LY(}2z6H%^'E!Q
+C6x&C&Id$aQ
　　[SOZQ%tw#x
5Mc'L Ef$g S\
　　2．水中倒影效果.s5QAt%l q

　　＜img id="reflect" src="你自己的图片文件名" width="175" height="59"＞JeK5Tc(}X
　　]-piW$J

　　3．慢慢变大的窗口9e.e:lI]h
o7i7Y+l0`QbP
　　
　　＜p＞＜a href="javascript:openwindow('http://89w.org')"＞进入＜/a＞

　　4．改变IE地址栏的IE图标

　　我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：5@'a j-[x*qh

　　＜link REL = "Shortcut Icon" href="index.ico"＞]1|Y9n.{u'Qv
5．让网页随意后退m7Y#XA.J"H+D9u ?tgKz

　　＜a href="javascript:history.go(-X)"＞X＜/a＞ //把X换成你想要后退在页数;H2sAN]E-C?#g
　　       //把“-”变成“+”就为前进0LJ$[U8]m?

　　6．鼠标指向时弹出信息框
2u D"h+{(~)fc#f:X"r
　　在＜body＞＜/body＞之间加上如下代码：

　　＜a href＞显示的链接文字＜/a＞;MV*o+@\#rk-F4u?7L
,Hl} k(p/B
　　7．单击鼠标右键弹出添加收藏夹对话框6E0~2vg&Q:@

　　在＜body＞＜/body＞之间加上如下代码：2cx'w:KS3P(kb

　　
DR#^6vm
　　8．随机变换背景图象（一个可以刷新心情的特效）l-J:Ng~K3h
DG-a;VI
　　在＜head＞＜/head＞之间加上如下代码：
.Sf[B0r,N-X9\j
　　

　　9．鼠标一碰就给颜色看的链接5r ]/P }5T

　　在＜body＞＜/body＞之间加上如下代码：:} Plj0am}ahJ
cE0yV#u
　　＜p＞你敢碰我，我就给点颜色你看！＜/p＞
　　 ] x4s[/}9XA-h9wW

　　10．从天而降并有幻影效果的窗口

　　＜head＞Xr+Jw#\ T
　　＜Script language="javascript"＞
　　function move(x) {`k|Q.|1brs8E"i
　　if(self.moveBy){
　　self.moveBy (0,-800);%BRygRz1y
　　for(i = x; i ＞ 0; i--)
　　{
　　self.moveBy(0,3);
　　}
　　for(j = 200; j ＞ 0; j--){  //如果你认为窗口抖动厉害，就200换成个位数2L'x1c*`lh1ev
　　self.moveBy(0,j);;H?'Rxn
　　self.moveBy(j,0);
　　self.moveBy(0,-j);;M|O a1m#f,U z
　　self.moveBy(-j,0);&Y:gP|` ?'P
　　}*Ii:QX#sQ^S
　　} Q)Z.ag(x@C?!A
　　}
　　＜/Scrip＞#~]iS5it
　　＜body bgColor=#ffffff onload=move(280)＞r"Iuk2c^#R9`
　　＜/body＞
　　＜/head＞@Cm+L1AvCaQ7|
~4b_ K}`'r S%}4i
　　11．表格的半透明显示效果 xs q*Asn,OT

　　在＜head＞＜/head＞之间加上如下代码：
"GO%t1~0r;`+f
　　
p"b"R;_@1lo5z0Ir
　　在＜body＞＜/body＞之间加上如下代码：\!t?.S"Yq4W P-K
　　＜table border="1" width="100" height="62"  class="alpha" bgcolor="#F2A664" ＞
　　＜tr＞
　　＜td width="100%" height="62"＞&`2m/S&~yIT(]Z
　　＜div align="center"＞很酷吧!＜/div＞V1z/BN0u\
　　＜/td＞&u\(T)T!m ~U/N
　　＜/tr＞
　　＜/table＞

页: [1]

捌玖网络工作室's Archiver

网页常用特效整理：高级篇