Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何启动:单击单独的链接时悬停?_Javascript_Forms_Hyperlink_Hover - Fatal编程技术网

Javascript 如何启动:单击单独的链接时悬停?

Javascript 如何启动:单击单独的链接时悬停?,javascript,forms,hyperlink,hover,Javascript,Forms,Hyperlink,Hover,当我点击网站顶部的“联系人”时,我试图让我的联系人表单弹出。我的网站网址是 现在,我网站顶部的联系人链接指向页面底部的id(#contact)。联系人表单当前仅在您将鼠标悬停在页面右下角的contact US div(.dropdown)上时显示。我希望当有人单击顶部导航栏中的“联系人”时,表单也会出现 我确信它可以用Javascript完成,但我不确定从哪里开始。任何帮助都将不胜感激。谢谢 在联系人单击处理程序中,使弹出窗口可见。可能,通过为其分配一些css类。在联系人单击处理程序中,使弹出窗

当我点击网站顶部的“联系人”时,我试图让我的联系人表单弹出。我的网站网址是

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


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

在联系人单击处理程序中,使弹出窗口可见。可能,通过为其分配一些css类。

在联系人单击处理程序中,使弹出窗口可见。很可能,通过给它分配一些css类。

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


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

您不太希望从单独的位置启动“悬停”,而是希望使用两个不同的触发器“显示div”


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

在您的顶部菜单链接中,我会放置类似这样的内容
onclick=“document.getElementById(“form”).style.display='block'
(其中
form
是给包含表单的
ul
的id)


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

在您的顶部菜单链接中,我会放置类似这样的内容
onclick=“document.getElementById(“form”).style.display='block'
(其中
form
是给您的
ul
包含表单的id)


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

我认为现在的方式更酷。但是,您应该将“message”文本区域设置为绝对大小,因为它现在可以拖动,并且将超出联系人容器。谢谢Alex!我想了一会儿,但完全忽略了启动它。不需要调整大小,只需将resize:none;使用CSS。再次感谢!我认为现在的天气更凉爽。但是,您应该将“message”文本区域设置为绝对大小,因为它现在可以拖动,并且将超出联系人容器。谢谢Alex!我想了一会儿,但完全忽略了启动它。不需要调整大小,只需将resize:none;使用CSS。再次感谢!