如何发起:点击单独的链接时悬停?

时间:2012-08-03 16:12:12

标签: javascript forms hyperlink hover

当我点击网站顶部的“联系人”时,我正在尝试弹出我的联系表单。我的网站网址为http://www.integritydesigns.com

现在,我网站顶部的联系人链接链接到页面底部的ID(#contact)。联系表单当前仅在您将鼠标悬停在页面右下角的CONTACT US div(.dropdown)上时显示。当有人点击顶部导航栏中的“联系人”时,我希望该表单显示。

我确信它可以用Javascript完成,但我不知道从哪里开始。任何帮助将不胜感激。谢谢!

3 个答案:

答案 0 :(得分:1)

你想从一个单独的位置发起“悬停”并不是很多,而是你想用两个不同的触发器“显示一个div”。

查看用于在悬停时显示“联系人”<div>的代码。您可以在链接中使用相同类型的配方,但使用“onclick”而不是“onhover”触发器。您可以将链接的“href”属性设置为“#”。

答案 1 :(得分:0)

在CONTACT点击处理程序中,弹出窗口可见。可能是通过为它分配一些css类。

答案 2 :(得分:0)

在您的热门菜单链接中,我添加了类似onclick="document.getElementById("form").style.display='block'"的内容(其中form是包含表单的ul的ID)

当然,如果你希望它在用户滚动或点击它之外消失,你必须设置它。 (希望其他人会为此提出建议,因为我自己一直想知道最好的方法是什么)