下面举个例子简单说明一下JavaScript的结构功能：

< SCRIPT LANGUAGE="JavaScript" >
< !-- Begin
function imgover(imgname){
imgname.src = "pic1.gif"
}
function imgout(imgname){
imgname.src = "pic2.gif"
}
// End -- >
< /SCRIPT >
< table border=0 >
< tr >
< td >
< img name="p1" SRC="pic2.gif" width=20 height=20 border=0 >
< A HREF="profile.htm" onMouseOver="imgover(p1)" onMouseOut="imgout(p1)" >公司简介< /A >
< br >
< img name="p2" SRC="pic2.gif" width=20 height=20 border=0 >
< A HREF="product.htm" onMouseOver="imgover(p2)" onMouseOut="imgout(p2)" >公司产品< /A >
< br >
< img name="p3" SRC="pic2.gif" width=20 height=20 border=0 >
< A HREF="honor.htm" onMouseOver="imgover(p3)" onMouseOut="imgout(p3)" >公司荣誉< /A >
< /td >
< /tr >
< /table >

　　 该段JavaScript代码应用于网页达到的效果如图4，图5，图6，当鼠标移到“公司简介”链接上时，前面的小图标变成图5的样子，同理移到“公司产品”链接时也一样。这样就很明确的告诉浏览者他要去哪个栏目。如果你页面中链接间距很小，当鼠标移到链接上没有任何一点反应，此时浏览者很容易误进不想进的栏目。