请问这个悬停显示界面怎么做的,能给个源码吗????

男神啊666666 2019-07-23 09:27:28
...全文
228 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
toorup 2019-07-26
  • 打赏
  • 举报
回复
<html>
<head>
<title>测试</title>
<style>
.dis{
width: 120px;
line-height: 20px;
height: 60px;
background-color: blue;
border-bottom-width: 1px;
display:none;
}
</style>
<script>
function show(d){
document.getElementById(d).style.display='block'; //显示层
}
function hide(d){
document.getElementById(d).style.display='none'; //隐藏层
}
</script>
</head>
<body>

<span href='#' onmousemove="show('dis')" onmouseout="hide('dis')">鼠标放上显示层</span>
<div id="dis" class="dis">层内容</div>


</body>
</htmle>
男神啊666666 2019-07-25
  • 打赏
  • 举报
回复
引用 4 楼 liwx66 的回复:
引用 3 楼 男神啊666666 的回复:
[quote=引用 1 楼 bn_cn_icecool 的回复:] 你这个说的也太不清楚吧?一点描述都没有
前端的界面
他问的是哪种悬停法,静止图片看不出来,你描述一下或者放个悬停前后的截图[/quote]这个就是悬停后的图片啊 这个是没有悬停的时候
liwx66 2019-07-25
  • 打赏
  • 举报
回复
引用 3 楼 男神啊666666 的回复:
引用 1 楼 bn_cn_icecool 的回复:
你这个说的也太不清楚吧?一点描述都没有
前端的界面
他问的是哪种悬停法,静止图片看不出来,你描述一下或者放个悬停前后的截图
男神啊666666 2019-07-25
  • 打赏
  • 举报
回复
引用 1 楼 bn_cn_icecool 的回复:
你这个说的也太不清楚吧?一点描述都没有
前端的界面
葉幺 2019-07-25
  • 打赏
  • 举报
回复
position: relative;position: absolute; 使用定位加显示隐藏就可实现了
toorup 2019-07-24
  • 打赏
  • 举报
回复
你这个说的也太不清楚吧?一点描述都没有
toorup 2019-07-24
  • 打赏
  • 举报
回复
你这个说的也太不清楚吧?一点描述都没有

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧