jsp td鼠标悬停和鼠标移开内容改变

最新推荐文章于 2025-05-31 16:23:29 发布

掌心一点微笑

最新推荐文章于 2025-05-31 16:23:29 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

文章标签： jsp 鼠标悬停 td

本文链接：https://blog.youkuaiyun.com/cyberHerman/article/details/82690516

目前的想法是给td之前和之后各放一个td.当然这两个td是隐藏的.如下:

<td style="text-align: left; display:none;" class="blue" ><label class="control-label laberCss">当前显示的值</label></td>

<td style="text-align: left;" class="blue" onmousemove="show(this);" onmouseout="hidden(this);"><label class="control-label laberCss" >当前显示的值</label></td>

<td style="text-align: left; display:none;" class="blue" ><label class="control-label laberCss">鼠标悬停改变的值</label></td>

function show(obj) {
       var obj = $(obj);
       var value = obj.next().children("label:first-child").html();
       obj.children("label:first-child").html(value);
   }

function hidden(obj) {
       var obj = $(obj);
       var value = obj.prev().children("label:first-child").html();
       obj.children("label:first-child").html(value);
   }

目前水平有限,没想到好的办法,觉得这个办法不是很好,如果大佬有好办法,希望分享.