阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
下面举个例子简单说明一下JavaScript的结构功能： lRA =IRQ]
vYl2_\, Y?
< SCRIPT LANGUAGE="JavaScript" > .cks ){\
< !-- Begin l9{}nz
function imgover(imgname){ )+Gw Yt
imgname.src = "pic1.gif" 7:/ gO~g I
} T)c<tIr6
function imgout(imgname){ W*2d!/;7>
imgname.src = "pic2.gif" jD
}G9=[$1
} vJ,r}$H3
// End -- > lKdd3W
"o
< /SCRIPT > (>.l kR
< table border=0 > X,xCR]+5S
< tr > [&(~{#}
M:
< td > .9NYa |+0
< img name="p1" SRC="pic2.gif" width=20 height=20 border=0 > k\76`!B
< A HREF="profile.htm" onMouseOver="imgover(p1)" onMouseOut="imgout(p1)" >公司简介< /A > *Jwx,wF}4
< br > ;yu#B
s
< img name="p2" SRC="pic2.gif" width=20 height=20 border=0 > ,A %p9
< A HREF="product.htm" onMouseOver="imgover(p2)" onMouseOut="imgout(p2)" >公司产品< /A > X
aE;i57$l
< br > J?C#'2 /
< img name="p3" SRC="pic2.gif" width=20 height=20 border=0 > [s{ B vn
< A HREF="honor.htm" onMouseOver="imgover(p3)" onMouseOut="imgout(p3)" >公司荣誉< /A > q0C%">>1 #
< /td > @WCA 7DW!
< /tr > @}\i`H1s
< /table > "wy2u~
AqiH1LAE
该段JavaScript代码应用于网页达到的效果如图4，图5，图6，当鼠标移到“公司简介”链接上时，前面的小图标变成图5的样子，同理移到“公司产品”链接时也一样。这样就很明确的告诉浏览者他要去哪个栏目。如果你页面中链接间距很小，当鼠标移到链接上没有任何一点反应，此时浏览者很容易误进不想进的栏目。
|
|
|
|
[3 楼]
|
Posted: 2006-04-04 08:19 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 公司建站完全手册――特效的运用
