-1

私はその中に1つとul多くを持ってliいます。マウスliを 3 秒間押し続けると 1 つの div が表示され、この要素からマウスを離れるとその div が非表示になります。私はグーグルで多くの検索を行い、使用する必要があることを理解してfadeInいfadeOutますが、それらの使用方法がわかりません。また、いずれかをクリックすると、liアラートが 1 つ表示されます。私はとても混乱しているので、私を導いてください。

どうもありがとう

これは私のコードです: HTML:

<ul id="friend-list">
        <li id="1"></li>
        <li id="2"></li>
        <li id="3"></li>
        <li id="4"></li>
        <li id="5"></li>
        <li id="6"></li>
</ul>

jQuery:

$(document).on('mouseover','#friend-list li',function(){
    $('#center-side').fadeIn('slow');
});
$(document).on('mouseout','#friend-list li',function(){
    $('#center-side').stop().fadeOut('slow');
});

$(document).on('click','#friend-list li',function(){
    alert('aaaaaaaaa');
});
4

4 に答える 4

2

使用できますsetTimeout()

jQuery

var tOut;

$('ul').on('mouseover', 'li', function () {
    tOut = setTimeout(function () {
        $('div').show();
    }, 3000);
}).on('mouseout', 'li', function () {
    clearTimeout(tOut);
    $('div').hide();
}).on('click','li',function(){
    alert("aaaaaaaaa");
});

HTML

<ul>
    <li>1</li>
    <li>2</li>
    <li>1</li>
    <li>2</li>
</ul>
<div>show and hide me</div>

デモ

于 2013-08-20T08:31:59.013 に答える
0 
$("li.foo").mouseover(function()
{
    $("div.foo").show(100);
}.mouseout(function()
{
    $("div.foo").hide(100);
}.click(function()
{
    alert("Clicked");
});
于 2013-08-20T08:31:53.157 に答える
0

jQuery -> マウスダウン

$(".element").mousedown(function(){
  alert("Success");
});

ユーザーが要素をクリックすると、コードが実行されます。マウスアップ -> クリックしたままにします。

http://api.jquery.com/mousedown/

$(".element").mouseenter(function(){
  alert("Enter");
}).mouseleave(function(){
  alert("Leave");
});

クリックではなく、カーソルがオブジェクトの周りを飛んでいる場合にのみ、Whis はコードを実行します。

http://api.jquery.com/mouseenter/

http://api.jquery.com/mouseleave/

于 2013-08-20T08:34:37.253 に答える