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

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

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

笔者日积月累了许多精彩、实用的Web特效的制作，这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。
D}~:W(D
　　高级篇/upzPZ[
GId*a;L-t^-Ei+o
　　1．不同时间段显示不同问候语

　　

　　2．水中倒影效果~1E[` q
?!qA-w*Yt%I*X
　　＜img id="reflect" src="你自己的图片文件名" width="175" height="59"＞-|1jJ^ w?^,E6P:J
　　R9hepe,w;am
g#LS"Ed*a2d
　　3．慢慢变大的窗口

　　0w{E.bf#b
　　＜p＞＜a href="javascript:openwindow('http://89w.org')"＞进入＜/a＞Z,_'b,h4q1v
5Tx;p0h$Qe8A^9g7\i:C
　　4．改变IE地址栏的IE图标Q3o)_Z{ U1K7Ebd
$k_;unYe
　　我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：(n"on$R#~+ptZG
.c mTJ6jX4f:b5i/{
　　＜link REL = "Shortcut Icon" href="index.ico"＞ [G:EB)P@5Q]7L
5．让网页随意后退M&IZ5fZ
v9u4u@s,_.g g
　　＜a href="javascript:history.go(-X)"＞X＜/a＞ //把X换成你想要后退在页数+W:eP3N9v.Tv$q7E
　　       //把“-”变成“+”就为前进qmo$sz0w

　　6．鼠标指向时弹出信息框
L-Q&h"Ct
　　在＜body＞＜/body＞之间加上如下代码：aJ\NxL

　　＜a href＞显示的链接文字＜/a＞

　　7．单击鼠标右键弹出添加收藏夹对话框
(Q%P5p;a)J/K6s*B
　　在＜body＞＜/body＞之间加上如下代码：

　　%W3P7PNK8buM

　　8．随机变换背景图象（一个可以刷新心情的特效）3u1jpr xH9dm

　　在＜head＞＜/head＞之间加上如下代码：

　　
\!s&R8?9`
　　9．鼠标一碰就给颜色看的链接|A(Nv^!Q#rTR

　　在＜body＞＜/body＞之间加上如下代码：

　　＜p＞你敢碰我，我就给点颜色你看！＜/p＞6q!f{]tN!nA+X
　　
:tEN,n'~ n
　　10．从天而降并有幻影效果的窗口%B z5h}:\aO"x
u#e bR;N%\ s-C
　　＜head＞XG:s&B+\
　　＜Script language="javascript"＞
　　function move(x) {
　　if(self.moveBy){
　　self.moveBy (0,-800);
　　for(i = x; i ＞ 0; i--)q o-@ V)o{J
　　{
　　self.moveBy(0,3);c1S"c?(vUQd@ q(D
　　}
　　for(j = 200; j ＞ 0; j--){  //如果你认为窗口抖动厉害，就200换成个位数
　　self.moveBy(0,j);hD:@ N8wV$NH }z
　　self.moveBy(j,0);%t.bi@O!]
　　self.moveBy(0,-j);
　　self.moveBy(-j,0);
　　}&IO(|W Y9e8]EyC
　　}]R#ri|FV7~3v
　　}
　　＜/Scrip＞
　　＜body bgColor=#ffffff onload=move(280)＞8M|7XLnz.EF
　　＜/body＞
　　＜/head＞
X2Y'd/r;bYU
　　11．表格的半透明显示效果*EGs ^'\ {M2o:mh

　　在＜head＞＜/head＞之间加上如下代码：J0]Fy%]:^|#mJO
5{rSlL4~;?,hQ I7k
　　

　　在＜body＞＜/body＞之间加上如下代码：
　　＜table border="1" width="100" height="62"  class="alpha" bgcolor="#F2A664" ＞
　　＜tr＞;i(KG?g
　　＜td width="100%" height="62"＞
　　＜div align="center"＞很酷吧!＜/div＞
　　＜/td＞
　　＜/tr＞OG'A/b0|mC3o
　　＜/table＞

页: [1]

捌玖网络工作室's Archiver

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