Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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 JQuery弹出窗口/菜单_Javascript_Jquery_Html - Fatal编程技术网

Javascript JQuery弹出窗口/菜单

Javascript JQuery弹出窗口/菜单,javascript,jquery,html,Javascript,Jquery,Html,在查看了50个不同的JQuery菜单/弹出式插件之后,我还没有找到我想要的东西 我想建立一个弹出窗口,它的行为很像一个弹出菜单,但有很多自定义格式的链接,图像,文本等。因此,一些纯粹基于ul和li的东西是行不通的 事实上,我真正需要的是能够在链接下方弹出一个窗口(非模态,当用户单击屏幕上的其他位置时将隐藏),并将其视为具有某种自定义布局的DIV。类似于LinkedIn在这个屏幕截图中的菜单: 关于1)现有插件或2)如何接近自己的任何建议 谢谢我一直在使用并制作如下菜单: 我的html如下所示

在查看了50个不同的JQuery菜单/弹出式插件之后,我还没有找到我想要的东西

我想建立一个弹出窗口,它的行为很像一个弹出菜单,但有很多自定义格式的链接,图像,文本等。因此,一些纯粹基于ul和li的东西是行不通的

事实上,我真正需要的是能够在链接下方弹出一个窗口(非模态,当用户单击屏幕上的其他位置时将隐藏),并将其视为具有某种自定义布局的DIV。类似于LinkedIn在这个屏幕截图中的菜单:

关于1)现有插件或2)如何接近自己的任何建议

谢谢

我一直在使用并制作如下菜单:

我的html如下所示:

    <a href="product"><span>Produkter</span></a>
<ul>
<li>
<a href="/produkter/mdoc"><img src="/media/1556/Crop_video_menu1.png" alt="Product" />
<span class="megaMenuContent"><span>Mdoc</span><br />
<span>
    Kontaktdatabase (Mdoc dokumenttype)<br />
    Office og mail integration<br />
    Brugervenlighed<br />    
    <br /></span>
</span></a></li></ul> 

我之所以使用span,是因为div在li中无效,我一直在使用它,并制作了如下菜单:

我的html如下所示:

    <a href="product"><span>Produkter</span></a>
<ul>
<li>
<a href="/produkter/mdoc"><img src="/media/1556/Crop_video_menu1.png" alt="Product" />
<span class="megaMenuContent"><span>Mdoc</span><br />
<span>
    Kontaktdatabase (Mdoc dokumenttype)<br />
    Office og mail integration<br />
    Brugervenlighed<br />    
    <br /></span>
</span></a></li></ul> 


我之所以使用span,是因为div在li中无效。我说,像您提到的那样将其构建为div,并使用jquery/css定位和打开/关闭函数


我不认为有一个插件可以完全满足您的需求。

我会说,像您提到的那样将其构建为一个DIV,并使用jquery/css定位和打开/关闭功能

我认为没有一个插件可以完全满足您的需求。

看一看。 有这么多,一个应该适合你的需要

看一看。
有这么多,其中一个应该适合您的需要

在该页面中实际上有几个演示,我以前没有见过。一些有用的东西供我细细琢磨。把这一个标记为答案,因为链接到的页面上有一个样本,我可以轻松地将其用作我的基础。谢谢。实际上,在那个页面上有一些我以前没见过的演示。一些有用的东西供我细细琢磨。把这一个标记为答案,因为链接到的页面上有一个样本,我可以轻松地将其用作我的基础。谢谢。你可以把所有的东西都放在范围内。这只是一个样品。。。您甚至可以添加div,但是页面将不是w3有效的,然后您可以将所有内容放在范围内,这只是一个示例。。。您甚至可以添加div,但是页面将不会是w3有效的