87,955
社区成员
发帖
与我相关
我的任务
分享请帮助 js实现鼠标移动到文字显示图片
<!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 不是很熟悉 我也找找资料
请大家帮帮忙
<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 不是很熟悉 我也找找资料
请大家帮帮忙
...全文
请发表友善的回复…
发表回复
crospo 2010-02-08
- 打赏
- 举报
showUserCard
这个函数是什么？
这个函数是什么？
rjzou2006 2010-02-08
- 打赏
- 举报
有没有JS错误 呢？
因为这个是全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" />
