我已经使用jQuery slideup和slidedown为函数创建了一个非常简单的下拉菜单 - 但是如果鼠标快速移动到它上面,或者如果鼠标保持在上面,它会非常跳跃(我正在使用Firefox 3.6.8)其中一个子菜单项.
我在以下链接中做了一个工作示例:
如果没有.stop(true,true)函数,情况会更糟.我也试过添加hover-intent,但因为我在同一个div中有一个悬停触发的幻灯片,它与幻灯片的功能相冲突.
有什么我想念的吗?我听说过clearqueue可能有效,或者可能超时,但无法弄清楚在哪里添加它们.
谢谢大家.
我希望创建一个像"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个图像按顺序淡入淡出.
以下是我的(业余)代码:
这是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)