鼠标移动到文字上出现浮层提示特效(兼容IE，火狐等所有浏览器)
发一个同时兼容IE6，IE7，IE8，IE9，火狐，苹果等所有浏览器的鼠标移动到文字上出现浮层提示特效，效果非常棒，可以根据具体的情况稍作修改：
<html>
<head>
<title>鼠标移动到文字上出现提示特效</title>
</head>
<body>
<script>
function $(id){
return document.getElementById(id);
}
document.write("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px; border: 1px solid #FFCC99;display:none\"></div>");
function mmove(o,s){
var evt=event||window.event;
var x=evt.clientX+5;
var y=evt.clientY+20;
$('ts').style.left=x+'px';
$('ts').style.top=y+'px';
if(s==''||typeof(s)=='undefined'){
$('ts').innerHTML=o.innerHTML;
}else{
$('ts').innerHTML=s;
}
$('ts').style.display='';
}
function mout(){
$('ts').style.display='none';
}
</script>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">aaaaaaaaa<br><font color=red>aaaaaaa></font></a>
</p>
<p>
<a href="#" onMouseMove="mmove(this,'哈哈s')" onMouseOut="mout();">bbbbbbbbbbb</a>
</p>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">cccccccccccc</a>
</p>
<p>
<img src="http://bbs.blueidea.com/images/default/logo.gif" onmousemove="mmove(this,' 蓝色理想<br><font color=red>实现梦想</font>')" onMouseOut="mout();">
</p>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">eeeeeeeeeeeee</a>
</p>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">想做个特效就是移到文字上面或是图片上面出现提示，title能够定义属性吗？如换行，文字色彩等<br />
<br />
在坛内看到一个移<span><font color=blue>到小图片上出现大图片的效果，效果不错</font></span>，感觉挺复杂，不知道有没有更简单一点的。
</a>
</p>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">ggggggggggggggggggggggggggg</a>
</p>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">hhhhhhhhhhhhhhhhhhhhhhhhh</a>
</p>
<p>
<a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">想做个特效就是移到文字上面或是图片上面出现提示，title能够定义属性吗？如换行，文字色彩等<br />
<br />
在坛内看到一个移<span><font color="#CC0000">到小图片上出现大图片的效果，效果不错</font></span>，感觉挺复杂，不知道有没有更简单一点的。
</a>
</p>
</body>
</html>转载请注明出处：php程序员的笔记
最后修改时间：2013年05月25日 21时06分 文章来源：-わ千与千寻
热门文章