热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

div悬浮

一个小需求,鼠标移动一个产品那,显示这个产品的具体信息代码如下:

一个小需求,鼠标移动一个产品那, 显示这个产品的具体信息

代码如下:

<a href&#61;"Javascript:void(0);" onclick&#61;"frameSearch()" onmouseover&#61;"showDiv(&#39;<%&#61;frameContractNO%>&#39;)" onmouseout&#61;"hideDiv(&#39;<%&#61;frameContractNO%>&#39;)">点击a>
<div id &#61; "<%&#61;frameContractNO%>" style&#61;"z-index: 2; position: fixed; display: none;"><table style&#61;"position: absolute; width:260px;background-color: #f5fbfc;border: 1px solid #b0ced6"><tr><td style&#61;"border: 0px;">品种&#xff1a;<%&#61;prodTypeName%>&#xff0c;收货地址&#xff1a;<%&#61;recOrderSheng%><%&#61;recOrderShi%><%&#61;recOrderXiang%>td>tr>table>div>

onmouseover &#xff1a; 移入                             onmouseout&#xff1a;移出

效果图&#xff1a;

 

转:https://www.cnblogs.com/xinxin-ting/p/9637034.html



推荐阅读
author-avatar
651404449_724afc
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有