单击按钮后打开包含内容的div

时间:2014-07-15 09:36:10

标签: html

我正在建立一个网站,我希望在点击菜单按钮而不是转到另一个html页面后,在div中弹出内容。

我的菜单是使用无序列表构建的,但我似乎无法使用visibility css属性来解决这个问题。

有办法做到这一点吗?

我并不着急,只是训练我的编程技巧,所以这个网站只是为了一点点玩。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

它被称为灯箱 您需要将单击事件监听器添加到按钮,并首先隐藏弹出的Div,然后在单击按钮时显示它。
弹出的Div必须对齐屏幕的中心,因此您必须添加窗口调整大小的事件监听器。 也许还需要一个模态 如果您手动编写,浏览器兼容性也很繁琐 使用插件很方便。
有很多好的插件可以轻松使用 我建议jQuery fancybox