问鼠标悬停上的jQuery幻灯片面板
EN

Stack Overflow用户

提问于 2009-08-26 22:39:48

回答 2查看 9K关注 0票数 0

如何让这个滑动面板示例在鼠标滑过时滑下，在鼠标滑出时滑回，而不是使用单击功能？

请参阅此处的示例：http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

$(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-08-26 22:44:50

使用hover函数。这应该很接近了。

function slide() {
  $("#panel").slideToggle("slow");
  $(this).toggleClass("active"); 
  return false;
}

$(".btn-slide").hover(slide, slide);

票数 3

Stack Overflow用户

发布于 2011-01-31 11:48:32

你可以这样做

$("#sliderbar").hover( function(){ $("#sliderbar").stop().animate({left:"-200px"}，{queue:false，duration:300})；}，function() {$(“#sliderbar”).hover().animate({left：“0px”}，{queue:false，duration:300})；})；

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1337937

复制

相似问题

问鼠标悬停上的jQuery幻灯片面板
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问鼠标悬停上的jQuery幻灯片面板EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问鼠标悬停上的jQuery幻灯片面板
EN