首页 > 代码库 > 悬浮框
悬浮框
这段时间再弄悬浮框，很简单的效果，记录下，防止忘记
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <style> #hint{ width:198px; border:1px solid #000000; background:#99ff33; position:absolute; z-index:9; padding:6px; line-height:17px; text-align:left; } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- function showme(){ var oSon = window.document.getElementById("hint"); if (oSon == null) return; with (oSon){ style.display = "block"; style.pixelLeft = window.event.clientX + window.document.body.scrollLeft + 6; style.pixelTop = window.event.clientY + window.document.body.scrollTop + 9; } } function hidme(){ var oSon = window.document.getElementById("hint"); if(oSon == null) return; oSon.style.display="none"; } //--> </SCRIPT> <BODY> <text id="guoguo" value=http://www.mamicode.com/"ga"> <a href=http://www.mamicode.com/"#" onm ouseover="showme()" onm ouseout="hidme()" onm ousemove="showme()">dfdfd</a> <div id="hint" style="display:none"></div> </BODY> </HTML>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。