要完成此效果需要两个步骤
第一步:把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="javascript">
<!-- Begin
function showMsg(text) {
document.picform.message.value = text;
}
// End -->
</script>
第二步:把如下代码加入到<body>区域中
<center>
<ul>
<li>
<a href="link.htm"
onmouseover="showMsg('图片一说明....');"
onmouseout="showMsg('');">
<img name="button1" src="/skin/gaoya/images/lazy.gif" class="lazy" original="/Article/UploadFiles/200407/20040716085538624.jpg"></a>
</li>
<li>
<a href="link.htm"
onmouseover="showMsg('图片二说明....');"
onmouseout="showMsg('');">
<img name="button2" src="/skin/gaoya/images/lazy.gif" class="lazy" original="/Article/UploadFiles/200407/20040716085538169.jpg"></a>
</li>
<li>
<a href="link.htm"
onmouseover="showMsg('图片三说明....');"
onmouseout="showMsg('');">
<img name="button3" src="/skin/gaoya/images/lazy.gif" class="lazy" original="/Article/UploadFiles/200407/20040716085538624.jpg"></a>
</li>
<form name="picform">
<textarea name=message rows=2 cols=40 wrap=virtual>这里是说明文字