请问鼠标移动到当前行显示图中红色标注的按钮，请问如何实现？
4个回答
展开全部
jquery的，弄了个简单的，参考一下吧
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标经过图片时出现半透明文字</title>
<style type="text/css">
body{background:#333}
img{border:none}
.wrap{margin:10px;position:relative;}
.photo a{position:absolute;display:block;border:1px solid #999;padding:2px}
.photo a:hover{border:1px solid #fff;text-decoration:none}
.photo a span {display:none;cursor:hand;text-align:center;font:bold 12px/30px Verdana, Arial;}
.photo a:hover span{width:500px;margin:0 2px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
</style>
</head>
<body>
<div class="wrap">
<div class="photo"><a href="#">
<img src="/jscss/demoimg/wall5.jpg" border="0" alt=""/><span>英国巨石阵，一直以来都是一个谜，现在它是一处著名的旅游景点。</span></a></div>
</div>
</body>
</html>
这个是类似的代码，自己改改
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标经过图片时出现半透明文字</title>
<style type="text/css">
body{background:#333}
img{border:none}
.wrap{margin:10px;position:relative;}
.photo a{position:absolute;display:block;border:1px solid #999;padding:2px}
.photo a:hover{border:1px solid #fff;text-decoration:none}
.photo a span {display:none;cursor:hand;text-align:center;font:bold 12px/30px Verdana, Arial;}
.photo a:hover span{width:500px;margin:0 2px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
</style>
</head>
<body>
<div class="wrap">
<div class="photo"><a href="#">
<img src="/jscss/demoimg/wall5.jpg" border="0" alt=""/><span>英国巨石阵，一直以来都是一个谜，现在它是一处著名的旅游景点。</span></a></div>
</div>
</body>
</html>
这个是类似的代码，自己改改
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
判断长时间停留事件~弹出view
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先隐藏当鼠标到达指定区域再显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
