[点晴永久免费OA]点击input弹出一个div,div位置在input下方,宽度与input一致
当前位置:点晴教程→点晴OA办公管理信息系统
→『 经验分享&问题答疑 』
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <style>#pop{position:absolute;border:solid 1px #000;min-height:200px;border-top:none;}</style> <input type="text" style="width:300px" onclick="showPop(this)" /> <script> function getPos(ipt) { var p = { x: 0, y: 0 }; do { p.x += ipt.offsetLeft; p.y += ipt.offsetTop; } while (ipt = ipt.offsetParent);return p } function showPop(ipt) { var pop = document.getElementById('pop'); if (!pop) { var p = getPos(ipt); pop = document.createElement('div'); pop.id = 'pop'; pop.style.cssText = 'left:' + p.x + 'px;top:' + (p.y + ipt.offsetHeight) + 'px;width:' + (ipt.offsetWidth-2) + 'px'; document.body.appendChild(pop);pop.innerHTML='<div align="right"><input type="button" onclick="this.parentNode.parentNode.style.display=\'none\'" value="关闭"/></div>'; } pop.style.display='block'; } </script> </body> </html> 效果: 该文章在 2020/1/16 11:32:00 编辑过 |
关键字查询
相关文章
正在查询... |