JS+CSS实现给图片加个感应鼠标滑动的文字说明
简单说就是将鼠标放在一张音乐专辑的图片上，会有个有点透明的专辑介绍层从图片下方弹出，覆盖整张图片，图片大小为200*200像素，类似于下图这种效果。求详细代码，最好能写好...
简单说就是将鼠标放在一张音乐专辑的图片上，会有个有点透明的专辑介绍层从图片下方弹出，覆盖整张图片，图片大小为200*200像素，类似于下图这种效果。求详细代码，最好能写好注释，要放在哪都能用的，因为在网上也找到一些类似的代码，可一放到自己的html代码中就会出问题，也不知道问题在哪，知道这个问题比较麻烦，所以特意提高一些悬赏，望哪位大侠能出手帮助下，顺利解决还有附加悬赏
补充下 不仅鼠标放上去会显示说明 当鼠标离开图片显示说明层也会消失 应该会需要用到绝对定位和相对定位 而不是简单的在JS中将内容修改下 展开
补充下 不仅鼠标放上去会显示说明 当鼠标离开图片显示说明层也会消失 应该会需要用到绝对定位和相对定位 而不是简单的在JS中将内容修改下 展开
3个回答
展开全部
多一个层，并相对当前图片定好位置，默认隐藏，然后鼠标移上时该文字介绍层显示，鼠标滑过再隐藏。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript">
function over(){
a.innerHTML="sss"
}
function out(){
a.innerHTML="aaaaa"
}
</script>
<body><li id="a" onmouseover="over()" onmouseout="out()">aaaaa</li>
</body>
</html>
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript">
function over(){
a.innerHTML="sss"
}
function out(){
a.innerHTML="aaaaa"
}
</script>
<body><li id="a" onmouseover="over()" onmouseout="out()">aaaaa</li>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
感觉可以模仿二级菜单的做法。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
