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