//鼠標懸停事件
$(document).ready(function () {
$(".Mover").hide();
$(".ellipsis").mouseover(function (e) {
$(this).next(".Mover").css({
"position":"absolute",
/* "top":"", */ //可調整
"left":e.pageY
}).show();
});
$(".ellipsis").mousemove(function (e) {
$(this).next(".Mover").css({
"color": "fff",
"position": "absolute",
"opacity": "0.9",
"width": "600px",
"cursor": "default",
"top": "",
"left": "1"
});
});
$(".ellipsis").mouseout(function () {
$(this).next(".Mover").hide();
});
});
<td >
<div class="ellipsis">${items.content }</div> <!-- 超出字數顯示省略號 -->
<div class="Mover">${items.content }</div> <!-- 鼠標懸停事件 -->
</td>