当前位置: 首页 > 设计资讯 > 设计教程 > 正文

鼠标指向图片链接时在文本框中出现注释文字

2006-07-21 10898 0

要完成此效果需要两个步骤


第一步:把如下代码加入到<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>这里是说明文字


120
评论区(0)
正在加载评论...
相关推荐