小编hea*_*ler的帖子

在悬停时使用幻灯片和滑动的JQuery下拉菜单是跳跃式的

我已经使用jQuery slideup和slidedown为函数创建了一个非常简单的下拉菜单 - 但是如果鼠标快速移动到它上面,或者如果鼠标保持在上面,它会非常跳跃(我正在使用Firefox 3.6.8)其中一个子菜单项.

我在以下链接中做了一个工作示例:

http://jsfiddle.net/jUraw/19/

如果没有.stop(true,true)函数,情况会更糟.我也试过添加hover-intent,但因为我在同一个div中有一个悬停触发的幻灯片,它与幻灯片的功能相冲突.

有什么我想念的吗?我听说过clearqueue可能有效,或者可能超时,但无法弄清楚在哪里添加它们.

谢谢大家.

jquery menu slidedown slideup drop-down-menu

14
推荐指数
1
解决办法
3万
查看次数

尝试创建无限水平滚动 - 最好使用jquery插件

我希望创建一个像"The Killers"网站上使用的效果:http://www.thekillersmusic.com/html5#.网站编码的复杂性超出了我的范围 - 但就像它的工作方式一样.

基本上,想要像水平全景背景那样我可以放置网页内容.(我发现了一个很棒的全景jquery插件,但它就像一个大图像).

然后我找到了这个网站:http://unfold.no/ - 它似乎有无限的垂直滚动 - 正是我正在寻找的功能类型 - 但如果我能弄明白他们是怎么做的,那就该死了.他们可能会以某种方式使用Google Map API吗?或者从头开始编写自己的代码?

我对jquery不是很好,所以如果可能的话,我更喜欢一个我可以调整的插件.任何想法将不胜感激.

谢谢 :)

jquery jquery-plugins infinite-loop horizontal-scrolling infinite-scroll

4
推荐指数
1
解决办法
1万
查看次数

尝试使用JQuery随着时间的推移逐步淡化div

我试图找出如何在页面加载时使4个图像按顺序淡入淡出.

以下是我的(业余)代码:

这是HTML:

<div id="outercorners">

 <img id="corner1" src="images/corner1.gif" width="6" height="6" alt=""/>
 <img id="corner2" src="images/corner2.gif" width="6" height="6" alt=""/>
 <img id="corner3" src="images/corner3.gif" width="6" height="6" alt=""/>
 <img id="corner4" src="images/corner4.gif" width="6" height="6" alt=""/> 

</div><!-- end #outercorners-->
Run Code Online (Sandbox Code Playgroud)

这是JQuery:

$(document).ready(function() {

$("#corner1").fadeIn("2000", function(){

$("#corner3").fadeIn("4000", function(){

  $("#corner2").fadeIn("6000", function(){

    $("#corner4").fadeIn("8000", function(){


    });

   });

 });

 });
Run Code Online (Sandbox Code Playgroud)

这是css:

#outercorners {
position: fixed;
top:186px;
left:186px;
width:558px;
height:372px;
}

#corner1 {
position: fixed;
top:186px;
left:186px;
display: none;
}

#corner2 {
position: fixed;
top:186px;
left:744px;
display: none;
}

#corner3 {
position: fixed;
top:558px; …
Run Code Online (Sandbox Code Playgroud)

queue jquery fadein sequential

3
推荐指数
1
解决办法
6037
查看次数