|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之带注释的表格菜单特效
一：将下面的代码放在<HEAD>与</HEAD>之间; r: m6 x- t" P' ^. E1 G5 d
<SCRIPT language=javascript >
$ ^/ @3 M% N. U2 Z2 Zdocument.write(
% [) C Z/ F- @# I"<div id=\"tooltip\" style=\"position:absolute;visibility:hidden; padding:3px;border:1px solid #528AC6;\
- D, I8 T, R8 C% }8 J;background-color:#ffdfd0; height: 19px; left: 77px; top: 96px\"></div>");. v( I- p' W/ N! r9 I
- s" y( ]! _) I9 |
function showtip(text) //显示链接的说明7 q1 }/ s% j) l
{
. |( |; x5 r' `1 I0 L7 X if (document.all&&document.readyState=="complete") //针对IE2 K8 L) X$ F3 l I
{
, T6 x- H: q/ p% i* I5 l5 {) n
, E9 m! j0 P# { document.all.tooltip.innerHTML="<div vAlign=center><font SIZE=2>"+text+"</font></div>";
* [1 u. Y& u8 Q, C document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10;* L) A8 B& Q, H" R
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10;* J' y) |# v( O% ], D+ f2 n' z
document.all.tooltip.style.visibility="visible";
' N4 i4 M# J2 i2 _# C! ~ U }
6 T& @- H: c X* L}
7 n# h, |# t+ O7 R% n$ b! O c+ W; d, i2 K/ Z
function hidetip() $ [* B% A3 a! `' z2 @) t5 k
{
6 `( q4 U! A% o/ h- c' Vif (document.all)6 a8 R3 i, y/ O
document.all.tooltip.style.visibility="hidden";$ A! t5 n+ w* q5 @( ?
}% ^' |' |+ k$ K5 M* H
1 ^6 x% U- X7 J
function setcolor(fntcolor,bgcolor)9 G5 h* F( J/ k
{
3 ]& W' K. _! M# u: ]7 n L document.all.tooltip.style.bgcolor=bgcolor;
0 Q3 O6 a! ?7 y- z document.all.tooltip.innerHTML.Color = fntcolor;
4 }9 o$ b& k3 D7 r7 T! ~}
* i& i" g/ ^3 l! ]/ G* a; F$ D) Y: m. Y' M4 q' J! V
function showhint(text)
" r1 a& ^& M; _) j$ h$ t! g1 y{
( k+ `( S. O* n X, ^" X: A onmousemove=showtip(text);/ ~3 X. C6 a: C' w
onmouseover=showtip(text);! |# V1 E% i: X* E6 D
onmouseout=hidetip();
5 L! ^# L) {, ~, P5 m9 Y- p7 ^}) A* @ T; J2 ^% N5 G% |
</SCRIPT>
( G9 S1 y8 I+ X1 e: U" {# P
% Q% d/ z( ^4 O1 ^6 F/ c; J5 f: u$ w4 ~( ]' r
+ A2 a2 J7 r8 b) t, ^6 v9 q. v; }, {( a0 b) j; c2 {
) [% Z, B- N+ K6 [, G' C* |5 a
' I; l3 o2 I, y( [/ n二：将下面的代码复制到〈BODY〉区
% e& X+ y4 r0 {- s* n<table align=center border=1 bordercolordark=#ffffff bordercolorlight=#a8cbf1
3 L# |2 z4 y! G; d+ J$ f8 kcellspacing=0 class=t width="300" bordercolor="#6699CC" cellpadding="0">
# D% A7 @4 @6 X% i- M2 t <tbody> % X" L5 M; A5 k6 T5 I7 _% d
<tr align="center" bgcolor="#ffdfd0">
# K- T* D' C# S n5 j& V <td height=9 width="25%" class="css3"><a href="../../sbtx.html" onMouseMove="showtip('赏心悦目<br>精美的图像和壁纸能使你得到一些放松！')" onMouseOut=hidetip() 2 R/ F/ s' w: Y& \ w9 E9 K
target=_blank>赏心悦目</a></td>" B# j( {- A5 f( Z
<td height=9 width="25%" class="css3"><a href="../../flashmenu1.htm" onMouseMove="showtip('网页素材<br>大量的网页素材给你的网页制作提供方便！')" - J/ l1 c/ Y$ u9 m2 n# }# M
onMouseOut=hidetip()>网页素材</a></td>, N$ s& @" U* E& r/ j
<td height=9 width="25%" class="css3"><a href="../../wyjcs.html" onMouseMove="showtip('图像处理<br>图形软件的使用以及图像的特效制作')" onMouseOut=hidetip() ' `6 o) U Q! {, u
target=_blank>图像处理</a></td>; l8 g+ q/ x3 C6 b
<td height=9 width="25%" class="css3"><a href="../../soft.htm" onMouseMove="showtip('网页特效<br>网页特效的大宝库，有详细的使用说明')" onMouseOut=hidetip()
T3 h& v$ C/ j4 H5 J8 D8 k target=_blank>网页特效</a></td>$ T- {( `! M5 O
</tr> X+ q R( O5 A: i' Q3 p
</tbody>
, J! i! m- K, p& s% N$ y </table> |
|
发表于 2008-1-21 20:52
|