87,992
社区成员
发帖
与我相关
我的任务
分享想在function{}里面实现一个鼠标放在td上面，td表格的右侧一边消失的效果
<scipt>
function MouseOverFunction(obj){
???????????????????????
}
</scipt>
......
<td onMouseOver=MouseOverFunction(this)>产品</td>
......
想在<scipt>function{}</scipt>里面实现一个鼠标放在td上面，td表格的右侧一边消失的效果，类似<td style="border-right:0 solid;">试了很多次都没有成功，难道在function里面不能这么做么？向高手请教了。
function MouseOverFunction(obj){
???????????????????????
}
</scipt>
......
<td onMouseOver=MouseOverFunction(this)>产品</td>
......
想在<scipt>function{}</scipt>里面实现一个鼠标放在td上面，td表格的右侧一边消失的效果，类似<td style="border-right:0 solid;">试了很多次都没有成功，难道在function里面不能这么做么？向高手请教了。
...全文
请发表友善的回复…
发表回复
一品梅 2008-01-12
- 打赏
- 举报
mark.
liumoujie3 2008-01-12
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function hideTd(obj){
document.getElementById("0102").style.display = "none";
document.getElementById("0202").style.display = "none";
}
</script>
</HEAD>
<BODY>
<table id = "showTable" border='1' width ="100%">
<tr>
<th id ="0101" onmouseover="hideTd('0101')">1</th>
<th id ="0102">2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
</tr>
<tr>
<td id ="0201">12345</td>
<td id ="0202">12345</td>
<td>12345</td>
<td>12345</td>
<td>12345</td>
<td>12345</td>
</tr>
</table>
</BODY>
</HTML>
-----------------------------------
这段代码你可以参考一下,,另外就是可以根据其它方式取对象,,你可以自己试一下..
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function hideTd(obj){
document.getElementById("0102").style.display = "none";
document.getElementById("0202").style.display = "none";
}
</script>
</HEAD>
<BODY>
<table id = "showTable" border='1' width ="100%">
<tr>
<th id ="0101" onmouseover="hideTd('0101')">1</th>
<th id ="0102">2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
</tr>
<tr>
<td id ="0201">12345</td>
<td id ="0202">12345</td>
<td>12345</td>
<td>12345</td>
<td>12345</td>
<td>12345</td>
</tr>
</table>
</BODY>
</HTML>
-----------------------------------
这段代码你可以参考一下,,另外就是可以根据其它方式取对象,,你可以自己试一下..
he_8134 2008-01-12
- 打赏
- 举报
<script>
function MouseOverFunction(obj){
obj.className="mouseover";
}
</script>
<style>
td{
border:1 solid black
}
.mouseover{
border-right:0;
}
</style>
<table>
<tr>
<td onMouseOver="MouseOverFunction(this)" onmouseout="this.className=''"> 产品 </td>
</tr>
</table>
