怎样在图片上制作提示框，不用title，而是自己设计风格的提示框，在线等待！

<html>
<body>
<img width=100 src="timelogo.gif" title="图片信息">
<p><a href="###" title="文字信息<br>test">文字信息</a>
<div style="visibility: hidden; border: 1px solid #000000; background-color: #ffffcc; font-size=12px; position: absolute;" id=titlelayer></div>
<script>
document.body.onmousemove=quicktitle;
document.body.onmouseover=setget;
document.body.onmouseout=restoretitle;
var temptitle='';
function setget(){
setTimeout(gettitle(),10);
}
function gettitle(){
if(event.srcElement.title && (event.srcElement.title!='' || (event.srcElement.title=='' && temptitle!=''))){
titlelayer.style.left=event.x;
titlelayer.style.top=event.y+20;
titlelayer.style.visibility='visible';
temptitle=event.srcElement.title;
event.srcElement.title='';
titlelayer.innerHTML=temptitle;
}}function quicktitle(){
if(titlelayer.style.visibility=='visible'){
titlelayer.style.left=event.x;
titlelayer.style.top=event.y+20;
}}function restoretitle(){
event.srcElement.title=temptitle;
temptitle='';
titlelayer.style.visibility='hidden';
}
</script></body></html>