首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

鼠标移动到某张图片时怎么让文字跟着改变

2012-03-12 
鼠标移动到某张图片时如何让文字跟着改变当鼠标移动到某张图片时(onmouseover)如何让文字跟着改变当鼠标移

鼠标移动到某张图片时如何让文字跟着改变
当鼠标移动到某张图片时(onmouseover)如何让文字跟着改变
当鼠标移出的时候(onmouseout)文字再变回来
用javascript来怎么写?

谢谢

[解决办法]
<img src= "1.jpg " onmouseover= "document.getElementById( 'word ').innerHTML= '文字1 ' " onmouseout= "document.getElementById( 'word ').innerHTML= '文字2 ' " />
<span id= "word "> 文字2 </span>
[解决办法]
<img src= "http://zi.csdn.net/120.60auto1.22.gif " onmouseover= "document.getElementById( 'message ').innerHTML= '在上面 ' " onmouseout= "document.getElementById( 'message ').innerHTML= '出去了 ' "/>
<a id= "message " href= "# "> 测试文字 </a>

[解决办法]
<img src= "1.jpg " title= "图片的文字 "
onmouseover= "document.getElementById( 'word ').innerHTML=this.title " onmouseout= "document.getElementById( 'word ').innerHTML=document.getElementById( 'word ').title " />
<a href= "# " id= "word " title= "原来的文字 "> 原来的文字 </a>

热点排行