当我点击我网站顶部的“联系方式”时,我试图让我的联系表格弹出。我的网站 URL 是http://www.integritydesigns.com。
现在,我网站顶部的联系链接链接到页面底部的 id (#contact)。当前,仅当您将鼠标悬停在页面右下角的 CONTACT US div (.dropdown) 上时,才会显示联系表单。当有人点击顶部导航栏中的“联系方式”时,我希望表单出现。
我确信它可以用 Javascript 完成,但我不知道从哪里开始。任何帮助将不胜感激。谢谢!
当我点击我网站顶部的“联系方式”时,我试图让我的联系表格弹出。我的网站 URL 是http://www.integritydesigns.com。
现在,我网站顶部的联系链接链接到页面底部的 id (#contact)。当前,仅当您将鼠标悬停在页面右下角的 CONTACT US div (.dropdown) 上时,才会显示联系表单。当有人点击顶部导航栏中的“联系方式”时,我希望表单出现。
我确信它可以用 Javascript 完成,但我不知道从哪里开始。任何帮助将不胜感激。谢谢!
您想从一个单独的位置启动“悬停”并不多,而是您想使用两个不同的触发器“显示一个 div”。
<div>
查看悬停时用于显示“联系人”的代码。您可以对链接使用相同类型的配方,但不要使用“onhover”触发器,而是使用“onclick”。您可以将链接的“href”属性设置为“#”。
在您的顶部菜单链接中,我会放置类似这样的内容onclick="document.getElementById("form").style.display='block'"
(包含表单form
的 id在哪里)ul
当然,如果您希望它在用户滚动或点击它之外时消失,您必须进行设置。(希望其他人会为此提供建议,因为我自己一直想知道最好的方法是什么)
在 CONTACT 单击处理程序中,使弹出窗口可见。可能是通过为其分配一些 css 类。