titel属性里面连接图片

Question

<td >a</td>如何实现onmouseover的时候让他显示出一张图片？类似<td title="aa">a</td>这种效果的

Answer 1

浮动层显示图片<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
    function show(src, td) {
        var pos = $(td).offset();
        $('#pop').html('<img src="' + src + '"/>').css({ left: pos.left, top: pos.top, display: 'block' });
    }
</script>
<div id="pop" style="display:none;position:absolute" onmouseout="$(this).hide()"></div>
<table><tr><td onmouseover="show('http://www.coding123.net/logo.jpg',this)">a</td></tr></table>