阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
下面举个例子简单说明一下JavaScript的结构功能： D p([ r
n~I-mR)"
< SCRIPT LANGUAGE="JavaScript" > /+Z*)q+SbT
< !-- Begin xb,d,(^ ]R
function imgover(imgname){ %~!4DXrMk
imgname.src = "pic1.gif" Ul}RT xJ
} &b} \).5E
function imgout(imgname){ ~ [ufL25K
imgname.src = "pic2.gif" f{P1 .?a
} Ehx9-*]
// End -- > i0=U6S:#
< /SCRIPT > ,s[%,ep`
< table border=0 > *S,~zOYN
< tr > lz,M$HG<[
< td > ;st0Ekni)
< img name="p1" SRC="pic2.gif" width=20 height=20 border=0 > CP7dn
/
< A HREF="profile.htm" onMouseOver="imgover(p1)" onMouseOut="imgout(p1)" >公司简介< /A > ok:uTeJI
< br > :PO.
/IBX
< img name="p2" SRC="pic2.gif" width=20 height=20 border=0 >
{MgRi 7
< A HREF="product.htm" onMouseOver="imgover(p2)" onMouseOut="imgout(p2)" >公司产品< /A > ;U* /\+*h
< br > t8^1wA@@V
< img name="p3" SRC="pic2.gif" width=20 height=20 border=0 > xp^RAVXq`
< A HREF="honor.htm" onMouseOver="imgover(p3)" onMouseOut="imgout(p3)" >公司荣誉< /A >
25SWIpgG
< /td > ,H]%4
@]|o
< /tr > g
b_Y]U
< /table > d[a(u WEl
) WqolB
该段JavaScript代码应用于网页达到的效果如图4，图5，图6，当鼠标移到“公司简介”链接上时，前面的小图标变成图5的样子，同理移到“公司产品”链接时也一样。这样就很明确的告诉浏览者他要去哪个栏目。如果你页面中链接间距很小，当鼠标移到链接上没有任何一点反应，此时浏览者很容易误进不想进的栏目。
|
|
|
|
[3 楼]
|
Posted: 2006-04-04 08:19 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 公司建站完全手册――特效的运用
