Home > Article > Web Front-end > 请教：如何用CSS+div实现气泡弹出框_html/css_WEB-ITnose

请教：如何用CSS+div实现气泡弹出框_html/css_WEB-ITnose

WBOYOriginal: 2016-06-24 12:06:271379browse

页面上有文章标题的列表，当浏览者点击某个连接时，弹出一个气泡框（不是新开页面，只是在本页），气泡框的内容是这篇文章的详细内容。

搜索了几个，效果均不尽如人意。弹出的气泡窗的小箭头，要指向文章链接，不是随便乱指。

回复讨论(解决方案)

弄了一个，但是没实现有气泡效果：

网页中弹出小窗口,页面背景逐渐变为半透明
弹出窗口
弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框
弹出窗口
弹出窗口

jquery.balloon.js Demos

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Tailspin Spyworks指南第八讲：其它页面，异常处理、总结_html/css_WEB-ITnoseNext article：CSS实现菜单栏制作，鼠标经过变色_html/css_WEB-ITnose

See more

请教：如何用CSS+div实现气泡弹出框_html/css_WEB-ITnose

回复讨论(解决方案)

Related articles