如何在Wordpress网站中模仿这种模态效果？

Question

我想模仿http://www.homeloanrepublic.com.au/上的效果，以便当您点击导航栏上的邮件图标时，它会在主页上的模态表单上显示现有部分。

我该怎么做（最好没有插件，但也欢迎插件建议）？

任何形式的帮助都将受到赞赏。

Answer 1

使用jQuery show / hide实现这一点应该相对简单。

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show

当有人点击电子邮件图标时应用show，并在有人点击关闭时隐藏。它只是一个使用CSS和position的位置：fixed;对于div。