javascript - HTML 网站设计,链接在页面上打开较小的窗口

标签 javascript html window

所以我尝试寻找我要找的东西,但我无法真正找到我要找的东西,如果有可能的话。

我正在寻找一种方法,使人们在我的网站上点击的链接几乎显示为广告,而不是浏览器中的单独窗口或选项卡,而是在当前选项卡本身上有自己的小窗口。我制作了一张图片作为我的意思的一个例子。我不知道它是否有任何好处,但值得一试,我希望它也能够与 Coolmenu 一起使用。如果人们想在新窗口或新选项卡中打开它们,他们只需右键单击,如下所示:

screenshot

更新:7.11 10:32 我意识到这两个链接,以及当我在自己的所有日期表格中搜索一些链接(例如 2006-2009)时,而它们都使用

<div id="overlay">
<div>
<p>Content you want the user to see goes here.</p>
</div>
</div>

我想我可以只写 () (如果我错了请纠正我)以及段落内容,但是我应该对所有这些做什么?我应该直接删除它还是更换它?

更新 10:50 7.11 我今天没有更多的时间来处理它,但下次我有时间时,我应该发布我的页面上的所有其他 javascript 和 css (只有很酷的菜单),以便让您了解到底是什么我想实现什么? 再次感谢大家的大力帮助。

更新 12.11 08:05:我无法让它与 Coolmenu 一起工作。 如果需要,我可以为 Coolmenu 和窗口提供我的 css 和 javascript 代码,我应该上传 .txt 还是只是将其放在这里?

最佳答案

模态窗口

我猜你想制作模态窗口。您可以使用本教程轻松完成此操作:Simple jQuery Modal Window Tutorial .

屏幕截图:

Simple Modal Window

此处演示:Demo

<小时/>

jQuery 对话框

或者您甚至可以使用jQuery Dialogs ,其原理相同,但易于实现。

jQuery Dialog

关于javascript - HTML 网站设计,链接在页面上打开较小的窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13266336/

相关文章:

javascript - 正则表达式替换重复模式

javascript - 什么是 Openlayers.ProxyHost?

javascript - 删除最后一次出现的字符串

c# - 将 IQueryable<int> 转换为 <int>

javascript - 如何选择包装器中的所有元素?

winapi - Win32 窗口所有者与窗口父级?

javascript - 如何在没有 tabId 的情况下*仅*从后台发送消息到弹出窗口

python - 在 Bokeh 中使用自定义 html 工具提示时如何抑制科学计数法?

macos - 在新窗口中打开 View 的按钮 SwiftUI 5.3 for Mac OS X

javascript - 单击外部链接后重定向并仅打开一个选项卡/窗口