jQ将事件从点击更改为悬停

时间:2014-06-16 04:44:53

标签: javascript jquery

我需要从点击切换到悬停的事件 Hehe是行动中的代码:link - 看效果点击" Karta tatrzanska"

这是我的代码:

 $jQuery(document).ready(function () {
     function slideSlideBar() {
         if (clicked == true) {
             if (isExtended == 0) {
                 $jQuery(slideBarTabImage).attr('src', $jQuery(slideBarTabImage).attr('src').replace(/(\.[^.]+)$/, '-active$1'));
                 $jQuery(slideBarContents).animate({
                     width: conWidth + 'px'
                 }, slideSpeed);
                 isExtended = 1;
             } else {
                 $jQuery(slideBarTabImage).attr('src', $jQuery(slideBarTabImage).attr('src').replace(/-active(\.[^.]+)$/, '$1'));
                 $jQuery(slideBarContents).animate({
                     width: '0px'
                 }, slideSpeed);
                 isExtended = 0;
             }
             clicked = false;
         } else {
             if (isExtended == 0) {} else {
                 $jQuery(slideBarContents).animate({
                     width: conWidth + 'px'
                 }, 0);
                 $jQuery(slideBar).animate({
                     width: fullWidth + 'px'
                 }, 0);
             }
         }
     }

     $jQuery(slideBarTab).hover(slideSlideBar());
     window.slideSlideBar = slideSlideBar;
 });

1 个答案:

答案 0 :(得分:0)

您可以尝试这样的事情:

 // js
    $('.someclass').hover(
        function () {
            $(this).addClass('active');
        },
        function(){
            $(this).removeClass('active');
    });
//css
.someclass{display:none;}
.someclass.active{display:block;}