jquery - を使用してスライドアウト鬼ごっこ

Question

最初に、非常に初心者の質問をして申し訳ありません..

問題を見てください：

これは非常によく似ています: http://jqueryui.com/resources/demos/toggle/default.html

しかし、ボタンフロートをページの左側/右側に配置する方法。

どうもありがとう、下手な英語でごめんなさい。よろしくお願いします。

Answer 1

私の理解によると、あなたは実際に動作するコードを練習したいと思っています。これをチェックして

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);

ここではコールバックの必要はありません。

これがあなた自身を始めるのに十分であることを願っています。