阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
下面举个例子简单说明一下JavaScript的结构功能： ,B0_MDA +
Dg}
Ka7H
< SCRIPT LANGUAGE="JavaScript" > %YSu8G_t
< !-- Begin /6h(6 *JI
function imgover(imgname){ DXa- rk8
imgname.src = "pic1.gif" "V$Bnz\n
} }C#;fp" L
function imgout(imgname){ .F(i/)vaq|
imgname.src = "pic2.gif" iTV)
NsC}
} ;\\@q"n%<
// End -- > yZ7,QsEsN
< /SCRIPT > CJXg@\ \/
< table border=0 > 5GPo*Q pl
< tr > kJ-* fe
'S
< td > ^>N]H>0'S
< img name="p1" SRC="pic2.gif" width=20 height=20 border=0 > gW1
b~(
fD
< A HREF="profile.htm" onMouseOver="imgover(p1)" onMouseOut="imgout(p1)" >公司简介< /A > <1.A=_
M
< br > jD`d# R
< img name="p2" SRC="pic2.gif" width=20 height=20 border=0 > \
;m H(-
< A HREF="product.htm" onMouseOver="imgover(p2)" onMouseOut="imgout(p2)" >公司产品< /A > 1[t=XDz/e
< br > 't9hXzAfW
< img name="p3" SRC="pic2.gif" width=20 height=20 border=0 > 0sh/|`\
< A HREF="honor.htm" onMouseOver="imgover(p3)" onMouseOut="imgout(p3)" >公司荣誉< /A > {M?vBg R\B
< /td > f~_th @K
< /tr > d'|, [p
< /table > PGARXw+
8B#GbS
K
该段JavaScript代码应用于网页达到的效果如图4，图5，图6，当鼠标移到“公司简介”链接上时，前面的小图标变成图5的样子，同理移到“公司产品”链接时也一样。这样就很明确的告诉浏览者他要去哪个栏目。如果你页面中链接间距很小，当鼠标移到链接上没有任何一点反应，此时浏览者很容易误进不想进的栏目。
|
|
|
|
[3 楼]
|
Posted: 2006-04-04 08:19 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 公司建站完全手册――特效的运用
