导航 中国设计之窗设计资讯详情

更多

作品备案盖章纸质证书需另出工本费,邮寄到付!

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

设计教程
19年前 11031 120

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


第一步:把如下代码加入到<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="http://m.333cn.com/skin/gaoya_m/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="http://m.333cn.com/skin/gaoya_m/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="http://m.333cn.com/skin/gaoya_m/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>这里是说明文字


0 120
© 2014-2025 中国设计之窗 www.333cn.com 版权所有
深圳市中设网络科技有限公司(深圳设计之窗文化发展有限公司)
地址:深圳龙华区布龙路4号127陈设艺术设计产业园A栋203-206
首页
设计资讯
作品备案
设计师
设计作品
分享到