我正在开发一个悬停下拉面板,其中包含Google+、Facebook、Youtube和Twitter的社交窗口小部件,访问者可以在不关闭面板的情况下“一键点击”它们中的每一个。
我从简单的jquery下拉菜单开始,将其简化为一个单独的ul li div,因此当鼠标悬停在单个菜单项(Socialize)上时,它会显示一个包含所有4个社交小部件的div。到目前一切尚好。只要您将鼠标悬停在包含4个社交小部件的单个菜单项或div上,它就会保持可见,移动到div之外会使其隐藏。
我遇到的问题是,Google+小部件有一个跟随按钮,当鼠标悬停在上面时,它会打开自己的小下拉菜单来选择你想要选择的圆圈。当这个
当鼠标悬停在某个类的元素A上时,应该会出现另一个包含链接的浮动div B。一旦鼠标离开A和B,B就会消失。
如何使用jQuery完成此操作?
var container = $('#container');
var area = $('.area'); // this is A
var position = area.offset();
var floating = $("<div />", {
css : { "position" : "absolute",
这是我正在尝试合并到我的网站中的一个侧边栏的小提琴示例。
如果将鼠标悬停在第三项上,您会注意到悬停时会出现一个子菜单。
子菜单的代码如下:
<ul id="side-menu">
<li><img src="http://www.downes.ca/images/RightArrow.gif" alt="sub menu image (assume this is some kind of arrow" style="width:48px; height:48px" />