捌玖网络工作室's Archiver

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

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

笔者日积月累了许多精彩、实用的Web特效的制作,这些特效几乎都是比较常用的网页特效。现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家。l'B t8X `7^
okb3`rJQ
  高级篇
P eJ3q#i ,fHc#hr
  1.不同时间段显示不同问候语`3x~h]A-|]

!Ro|`\5ERctI   }#u2W&kIg(]"hF}
E!mz~/sPOI
  2.水中倒影效果U*]b(f d:t E
_zl ?`4?8j(mP
  <img id="reflect" src="你自己的图片文件名" width="175" height="59">y,y8J,?%e"m_"D
  
L&d^i^
m o9D3?'y {a%lG   3.慢慢变大的窗口 U4y'_*Pd_'q"Yp
sg @5Xlk
  
(B:A^~fj sv8Z S6l   <p><a href="javascript:openwindow('http://89w.org')">进入</a>9D^P!H:B#WbE5g

}hT(V I0tb6d   4.改变IE地址栏的IE图标` Jxo.I$o5q

9P4MR.TX Q_   我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:%rLC.e0aF
A6oGVgo1|D2s
  <link REL = "Shortcut Icon" href="index.ico">]F#U a C*uuA d
5.让网页随意后退
CD?0TYuc /@|_$R#kQ
  <a href="javascript:history.go(-X)">X</a> //把X换成你想要后退在页数
:fe9aP%Eg            //把“-”变成“+”就为前进ZKC[B;a
;Nx+O$hS
  6.鼠标指向时弹出信息框,B!x(kOV ?g
A ^ySc!^$E
  在<body></body>之间加上如下代码:4mvr6wH"V5rz
\ Xq6WS1C)E
  <a href>显示的链接文字</a>fU&^@"z,W-G$c
2NG7T3G w5FTM
  7.单击鼠标右键弹出添加收藏夹对话框W,n+Bd2E,Vj8V j6N
#Ic&h%bX+c
  在<body></body>之间加上如下代码:bu*Qnm.@9uQ5u8GQ
.m t+R9l8a }*^h
  +s,\4c{ kK

_j/Q8Fp   8.随机变换背景图象(一个可以刷新心情的特效)1y\B\H6\

^)~~+D+K   在<head></head>之间加上如下代码:
!zf8Qau4U#f
{%dJ,J*U   
-m.R_4c`)ZjX*h )J.lH6ahR%?q:L']
  9.鼠标一碰就给颜色看的链接D3Z~;\/XD o

1C,G L'BD*g}1Q   在<body></body>之间加上如下代码:``e(~4RD VQ6R

$oO^Z7Km   <p>你敢碰我,我就给点颜色你看!</p>
Y(f M Ed:]py   
;T1V `1F L3|
-~`3q_ ?8d   10.从天而降并有幻影效果的窗口y*|(~Bq&F

M(y5? _P@`~ f2{   <head>
h%E2j N S   <Script language="javascript">
B/OK w;f'DK   function move(x) {
5lH,_.o%]   if(self.moveBy){0D2S z%O Kl:r.V
  self.moveBy (0,-800);+^2\~.\0E!T;E L"U
  for(i = x; i > 0; i--)
vB0t1y.c _p-C[[O   {+]+wHxt
  self.moveBy(0,3);+Ni;D2?'`d
  }
.F2No0F1E1r\u   for(j = 200; j > 0; j--){  //如果你认为窗口抖动厉害,就200换成个位数
4G j"K d!oSM-H   self.moveBy(0,j);
s}b aP+B:o   self.moveBy(j,0);~8T `M'cJ _)Z
  self.moveBy(0,-j);
E&`)x,kc3X t*]   self.moveBy(-j,0);
.w%E\M!ls.h+L#k"iq   }ieB|OPl;G)E
  }jR G&n3G1xU7j
  }%s)Wd`Q4E[6vM+K y
  </Scrip>
b?aC[Y}z   <body bgColor=#ffffff onload=move(280)>
-~{;DZ:t   </body>L ]7}+m#E8Z(~p1@_Q
  </head>;Kr#e X%yec4H h

3L:_!@I gj   11.表格的半透明显示效果*VN:Yt4e^a

B^c$A&`   在<head></head>之间加上如下代码:U&`$emm-t%X

Tip&l K   
:?!j*i'vV4kOI;E
m qB*Tw   在<body></body>之间加上如下代码:
b)l X g%v4a_X   <table border="1" width="100" height="62"  class="alpha" bgcolor="#F2A664" >
Yvx3C|a   <tr>4s*lye,u2qv ?u9Vm/i
  <td width="100%" height="62">
1Gs&I j2v$KBN%U4k   <div align="center">很酷吧!</div>
MY$?B[(l _n   </td>6~u%P8j5I3Y'f6K}2gQ
  </tr>
~8IRi1qz"~-H i3O%YM   </table>

页: [1]
【捌玖网络】已经运行:


Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.