任何想法如何使用css / jquery复制此内联下拉菜单

我想知道是否有人知道有一个插件存在来复制这样的内嵌下拉/菜单。 需要注意的关键是所选元素的间距应保持为发送格式。

点击链接时，它应该作为一个下拉菜单..

如果有类似的东西，我宁愿不要从头开始写这个。

注意：选择下拉值并使用所选值替换href链接文本。

Answer 1

单击指定元素时会弹出简单的小弹出，同时替换链接文本。 我假设你想存储选定的排序类型，所以我包含一个sortKey变量作为你可以使用的例子。 小提琴参考： http ： //jsfiddle.net/GKwn3/2/

Sort leads by date created displaying first name....
 
 
First Name
 
Last Name
 
Company
 
Rating
 
Date Created
 
Date Updated
 
 var $menu = $('#pop'); $('#sort').click(function(e) { $menu.css({ "left": e.offsetX + "px", "top": e.offSetY + "px" }).show(); }); $('#pop .link').click(function(e) { var ele = $(this); var sortKey = ele.attr('data-sort'); // save it somewhere $('#sort').html(ele.html().toLowerCase()); $menu.hide(); }); #sort{ color: blue; border-bottom: 1px dotted blue; } #pop{ color: #444; width: 95px; border: 1px solid #ccc; padding: 5px; display: none; position: absolute; } .link:hover { color: red; cursor: pointer; } 

Answer 2

SimpleTip提供您正在寻找的东西。 查看他们的演示，特别是那些可以工作的演示。 您可以使用此插件轻松实现您的愿景。

Answer 3

你可以使用这个插件，通过一些css更改实现你想要的

http://p.sohei.org/stuff/jquery/clickmenu/demo/demo.html

还有这个http://pop.seaofclouds.com/