Question

我正在寻找一个jquery手风琴插件，手风琴中的每个面板都可以包含一个可拖动的图标库。

Answer 1

我最近创建了一个可拖动的图标，可以在悬停时激活手风琴效果以显示有关该图标的信息，然后一旦用户确定选择该图标，用户就可以将其拖入手机模拟器，生成屏幕截图模块可以喜欢。我希望这有帮助。

$(document).ready(function() {

    var dragged = false;
    /////////////BUTTON HOVER ACTION

    $('[class$="Button"]').mousedown(function() {
        dragged = true;
    });

    $('[class$="Button"]').mouseup(function() {
        dragged = false;

    });

    $('[class$=Button]').mouseover(function() {

        var arr = $(this).attr('class').split("Button");
        //alert(arr[0]);
        if (!dragged) {
            //$('[class$=Content]').hide();
            //$('[class$=Content]').dequeue("fx");
            $('div.'+arr[0]+'Content').stop(true, true).slideDown('slow');

        }
    });



    /////////////BUTTON HOVEROUT ACTION 

    $('[class$=Button]').mouseout(function() {

        var arr = $(this).attr('class').split("Button");
        //alert(arr[0]);
        $('div.'+arr[0]+'Content').stop(true, true).slideUp('slow');
        //$('[class$=Content]').hide();

    });
/////////////hide on Doc Load 

  $('[class$=Content]').hide();

});

Jquery在手风琴中放置一个图标库

1 个答案: