1. 程式人生 > >jsp td滑鼠懸停和滑鼠移開內容改變

jsp td滑鼠懸停和滑鼠移開內容改變

目前的想法是給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);     }

目前水平有限,沒想到好的辦法,覺得這個辦法不是很好,如果大佬有好辦法,希望分享.