javascript - 如何定位弹出窗口,以便 Top= 文本的顶部 & Left= 文本的左侧 + Javascript 中文本的长度?

标签 javascript html css

好的,我得到了这个简单的 html 代码

This is the text <a href="javascript:window.open('abc.html','width=500,height=350')"> 
<img src="http://www.clipartbest.com/cliparts/9iz/Gaj/9izGaj9iE.gif" 
alt="show" height="15" width="15" /></a>

我希望当用户点击图片时它会显示如下图:

enter image description here

我不喜欢 JQuery 的东西,所以

您可以使用简单的 javascript 代码来实现吗?代码越少越好?

最佳答案

否则你可以使用Bootstrap包自带的popup.js

你可以从这个网站下载 http://getbootstrap.com/ 这应该适合你。 如果您不知道 bootstrap,请阅读 http://www.w3schools.com/bootstrap/default.asp

关于javascript - 如何定位弹出窗口,以便 Top= 文本的顶部 & Left= 文本的左侧 + Javascript 中文本的长度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34915364/

相关文章:

html - CSS - 即使它有一个固定的位置,是否可以维护标题属性

html - 两张表,重叠的边框

javascript - 为什么我的图像不会出现在 Canvas 上?

javascript - jQuery 事件 - 单击时将表行复制到 HTML 输入

javascript - map 未加载到 HTML 页面

javascript - 使用 PHP 和 JQuery 的响应式条件链接/按钮

html - 创建一个比其他子菜单大的子菜单以包含表格

javascript - jquery.parents() 正在选择祖 parent 和祖 parent 的 sibling

javascript - 如何将 jquery 代码组合到 JavaScript 函数中

javascript - 与jquery相关的输入值?