请帮助 js实现鼠标移动到文字显示图片

crospo 2010-02-08 11:04:12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
</head>

<body>
<table width="92%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="baihong_s">    整形又叫成形,即塑其形也。世之万物,皆有其形。形是审美的基础,也是行使一定功能的必要条件。医生为此进行的修复美化的活动即为整形。再日趋成熟的今天,整形美容已经成为更多爱美人士生活的反映,活动的记录,历史的积沉,形成整形美容文化,它是人们的高级精神生活的追求。是人们认识自己,思考自己,是人精神得以承托的需求。在日趋成熟的社会文化中,整形美容文化正在形成自己的独有的思想理论。 </td>
</tr>
<tr>
<td>  </td>
</tr>
<tr>
<td bgcolor="#54250d"> <table width="100%" height="310" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="310" rowspan="2" align="center" valign="middle"> <img src="images/menhua_23.gif" width="310" height="310" /> </td>
<td width="30" rowspan="2" valign="top">  </td>
<td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> <table width="320" height="250" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="15"> </td>
</tr>
<tr>
<td class="cheng"> <a href="">当鼠标指到标题1 左边显示标题1图片 </a> </td>
</tr>
<tr>
<td class="cheng"> <a href="">当鼠标指到标题2 左边显示标题2图片 </a> </td>
</tr>
<tr>
<td class="cheng"> <a href="">当鼠标指到标题3 左边显示标题3图片 </a> </td>
</tr>
<tr>
<td class="cheng"> <a href="">当鼠标指到标题4 左边显示标题4图片 </a> </td>
</tr>
<tr>
<td class="cheng"> <a href="">当鼠标指到标题5 左边显示标题5图片 </a> </td>
</tr>
<tr>
<td class="cheng"> <a href="">当鼠标指到标题6 左边显示标题6图片 </a> </td>
</tr>
<tr>
<td class="cheng"> <a href="">标题6...当鼠标指到标题7 显示标题7图片 </td>
</tr>
<tr>
<td class="cheng"> <a href="">标题7...当鼠标指到标题8 显示标题8图片 </td>
</tr>
</table> </td>
<td width="235" align="center" valign="top"> <img src="images/menhua_25.gif" width="235" height="88" /> </td>
</tr>
</table> </td>
</tr>
<tr>
<td height="60" align="left">  </td>
</tr>

</table> </td>
</tr>
<tr>
<td>  </td>
</tr>

</table>
</body>
</html>

请大家帮助 我对JS 和Css 不是很熟悉 我也找找资料
请大家帮帮忙
...全文
674 8 打赏 收藏 举报
写回复
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
crospo 2010-02-08
  • 打赏
  • 举报
回复
showUserCard
这个函数是什么?
rjzou2006 2010-02-08
  • 打赏
  • 举报
回复
有没有JS错误 呢?

因为这个是全JS的,不能有任何错误的。
luhui436 2010-02-08
  • 打赏
  • 举报
回复
<img src="a.jpg" title="a图片" alt="a图片" onmouseover="try{showUserCard(this,'a')}catch(ex){};" />
luhui436 2010-02-08
  • 打赏
  • 举报
回复
鼠标悬停事件onmousemove;
luhui436 2010-02-08
  • 打赏
  • 举报
回复
ding
crospo 2010-02-08
  • 打赏
  • 举报
回复
首先谢谢各位兄弟
但是怎莫嵌套我的程序不好用呢
shan1119 2010-02-08
  • 打赏
  • 举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
window.onload = (function(){
var obj=document.getElementsByTagName("img");
for(var i=0;i<obj.length;i++){
obj[i].style.display="none";
}

var l=document.getElementsByTagName("a");
for(var i=0;i<l.length;i++){
var index=i;
l[i].onmouseover=function(){
this.parentNode.childNodes[1].style.display="";
};
l[i].onmouseout =function(){
this.parentNode.childNodes[1].style.display="none";
};
}
});
</script>

</head>
<body>
<table>
<tr>
<td class="cheng"> <a href="">p1111</a><img src="#">1</img></td>
<td class="cheng"> <a href="">p2222</a><img src="#">2</img></td>
</tr>
</table>
</body>
</html>
ck11926375 2010-02-08
  • 打赏
  • 举报
回复

<p onmouseover='document.getElementById("img").style.display = "block"' onmouseout='document.getElementById("img").style.display = "none"'>图片1</p>
<p></p><p></p>
<img id="img" src="images/show_01.jpg" />
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-02-08 11:04
社区公告
暂无公告