jquery - 滑出使用标签

Question

首先，如果我问一个非常新手的问题，我很抱歉..

请看问题：

它非常像这个：http: //jqueryui.com/resources/demos/toggle/default.html

但是如何将按钮浮动放在页面的左侧/右侧。

非常感谢，抱歉英语不好。我会感谢你的帮助。

Answer 1

它被称为浮动菜单。

我找到了一个描述加入博客的页面。我自己没有尝试过。

http://haseebnet.blogspot.ca/2013/01/floating-menu-for-your-blogger-blog.html#.Uh7wcBsqZR0

编辑：您可能正在寻找“折叠”或“手风琴”菜单（两个不同的东西）。这家伙在他的博主上做了一个崩溃的：

http://markthomson.blogspot.ca/2008/07/collapsible-menu-in-blogger.html

Answer 2

根据我的理解，你想要一段工作代码来练习。检查这个

HTML：

<button>button</button>
<div>Solve HTTP Error 503. The service is in IIS</div>

CSS：

button {
    width:1px;
    word-break: break-all;
    position: fixed;
}
div {
    border: 1px solid #ccc;
    width: 50px;
    display: none;
    left: 25px;
    position: absolute;
}

JS：

$('button').hover(function (e) {
    $('div').toggle("slide", 500);
});

这是一个与您的期望相似的工作演示。

一个小解释：

1) 要垂直对齐按钮中的文本，请在 CSS 下面使用

width:1px;
word-break: break-all;

2).hover()用于悬停您想要使用的功能.toggle()

 $('div').toggle("slide", 500);

这里不需要回调。

希望这足以让您开始自己的工作。