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

男神啊666666 2019-07-23 09:27:28
...全文
221 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
  • 打赏
  • 举报
回复
你这个说的也太不清楚吧?一点描述都没有
这是赛比安官方网站的整站源码,今天免费分享给需要的朋友,这套源码适合外贸公司或者进出口公司在制作中英文双语网站的时候使用,这是一套简洁大气的中英文双语网站免费源码,前台是中英文双语纯静态,中英文双语都是静态页面,中英文管理后台是同一个后台,在管理后台的右上角可以切换中英文管理界面,中英文管理界面的后台语言都是中文,但是添加的内容是独立的,切换到英文管理后台以后,添加或者修改的内容都只会在网站前台的英文界面中看到,中文管理也是同样的道理。 这套源码中有一些tab选项卡和浮动特效,底部的鼠标悬停浮动二维码图片,直接替换模板目录中的二维码图片即可,网站模板文件夹是/templates其中cnmuban是中文网站的模板文件,en是英文网站的模板文件。源码完全免费开源,所有代码都可以自由修改,修改源代码的时候记得备份代码,修改错误后方便恢复。 这套源码是使用的aspcms内核,同时了很多二次修改,所以在使用的时候,最好是整站代码一起使用,如果自己对aspcms程序比较了解,也可以直接把模板文件套用到自己之前使用的aspcms程序中,源码数据库是access,所在路劲:/data/文件夹 源码默认管理地址:admin (正式使用时建议修改) 源码默认管理员账号密码都是:urkeji

87,993

社区成员

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

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