您当前的位置:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery提示框鼠标滑过图片提示框</title>
<meta name="description" content="jquery浮动提示框，制作鼠标滑过图片提示文本框信息，可自定义设置浮动提示框显示位置。" />
</head>
<body>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
var a;
$(".cover-list li").hover(function(){
if(a){
window.clearTimeout(a)
}
var c=this;
a=window.setTimeout(function(){
var g=$(".detail-frame",c).html();
var i=$("img",c).offset().left;
var h=$("img",c).offset().top;
if($(c).width()==150){
var j=160
}else{
var j=$("img",c).width()+10
}
$("body").append('<div class="detail-tip"></div>');
if($(c).hasClass("r-end")){
$(".detail-tip").html(g).append('<span class="arrow-right"></span>').css("left",i+j-492).css("top",h);
}else{
$(".detail-tip").html(g).append('<span class="arrow-left"></span>').css("left",i+j).css("top",h);
}
},200)
},function(){
if(a){
window.clearTimeout(a)
}
$(".detail-tip").remove()
});
});
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* cover-list */
.cover-list{width:670px;margin:20px auto;}
.cover-list li{float:left;margin:0 15px 15px 0;display:inline;width:152px;height:150px;overflow:hidden;}
/* detail-frame */
.detail-frame{display:none;}
.arrow-left{position:absolute;width:6px;height:9px;top:30px;left:0;margin-left:-6px;background:url(images/arrow_gray.gif) no-repeat;}
.arrow-right{position:absolute;width:6px;height:9px;top:30px;left:320px;background:url(images/arrow_gray.gif) no-repeat -6px 0;}
.detail-tip{position:absolute;width:300px;background:#fff;border:1px solid #ddd;padding:10px;}
.detail-tip h2{font-size:12px;line-height:18px;color:#3366cc;}
.detail-tip p{margin:10px 0 0 0;font-size:14px;}
</style>
<div class="cover-list">
<ul>
<li>
<div class="detail-frame">
<h2>flash导航条制作二级菜单子菜单的flash导航条源码</h2>
<p>flash导航条制作一个鼠标滑过显示动画二级菜单栏目的flash导航条源码，flash导航条下载二级菜单源码。</p>
</div>
<a href="#" target="_blank"><img width="150" height="150" alt="flash导航条制作二级菜单子菜单的flash导航条源码" src="images/smallee5978bd2682039e1d65aed3a8a02ab6.jpg" /></a>
</li>
<li>
<div class="detail-frame">
<h2>flash导航条制作二级菜单子菜单的flash导航条源码</h2>
<p>flash导航条制作一个鼠标滑过显示动画二级菜单栏目的flash导航条源码，flash导航条下载二级菜单源码。</p>
</div>
<a href="#" target="_blank"><img width="150" height="150" alt="flash导航条制作二级菜单子菜单的flash导航条源码" src="images/smallee5978bd2682039e1d65aed3a8a02ab6.jpg" /></a>
</li>
<li>
<div class="detail-frame">
<h2>div+css多张背景图片规范写法图片透明度显示</h2>
<p>div+css教程多张背景图片最规范的书写方法，当鼠标滑过A标签背景图片透明度显示。</p>
</div>
<a href="#" target="_blank"><img width="150" height="150" alt="div+css布局限制图片最大宽度图片垂直居中(兼容IE6/IE7/IE8/FF)" src="images/smallda1a1ff8828722e330aa7e7d89e287db.jpg" /></a>
</li>
<li class="r-end">
<div class="detail-frame">
<h2>div+css制作在IE6 上用absolute模拟fixed IE6浏览器定位层框不闪动</h2>
<p>用div+css制作浏览器浮动菜单定位层，IE6 浏览器上用absolute模拟fixed，浮动菜单定位层随页面滚动不闪动。只需用div+css就能控制浮动定位层，兼容IE6以上浏览器，是一个很不错的IE6浮动定位层解决方案。</p>
</div>
<a href="#" target="_blank"><img width="150" height="150" alt="div+css制作在IE6 上用absolute模拟fixed IE6浏览器定位层框不闪动" src="images/smalla4c7c67dec86de131924d9e69e745e18.jpg" /></a>
</li>
</ul>
</div>
</body>
</html>
这个效果时鼠标经过是，弹出信息框。我想要的效果是，当鼠标经过文字时，会有一个弹出信息，哪位大神能帮我修改一下~~
------解决思路----------------------
$(".cover-list li").hover()前面括号里面的是选择的元素，hover是鼠标悬浮的效果，现在的效果是鼠标放在列表项上显示的信息框，而这个列表项包含文字和图片，也就是说，不管你鼠标放在文件上还是图片上都会显示。当然，如果你非要鼠标放在文字上的话，可以在li后面加上div（两行文字）或者h2（第一行文字）或者p（第二行文字）以达到鼠标放到文字上面显示消息框的效果。
------解决思路----------------------
你的都是li里面显示的就是图片，哪来的文字，弹出显示的文字是浮动层里面的，默认隐藏了