Tag: 幻灯片

在开始幻灯片放映之前，JQuery是否等待页面完成加载？: 我有一个带旋转标题图像的网站（你们都看过它们）。我想做以下事情：加载整个页面加上第一个标题图像每隔x秒开始转换标题图像幻灯片，或者在下一个图像加载完毕后开始转换，以较晚者为准我真的不需要一个真正做到这一点的例子。

一个页面上的多个幻灯片显示第一个不再有效: 首先我知道这个问题在答案没有解决我的问题之前被问过所以我想再问一遍：我使用了“W3school”的幻灯片代码，它提供了一个很好的动画Jquery幻灯片。不幸的是，我需要在我的页面上不止一个，第二个停止第一个工作。甚至在此之前找到这个解决方案之前，我尝试更改不同幻灯片的对象的CSS和HTML名称，这些问题成功解决了部分问题（第二个没有显示），但如前所述，阻止了第一个工作。幻灯片显示在这里，但单击箭头将不会执行任何操作。我稍微了解问题是什么，但无法修复它。以下是我修改第二个代码的方法： var slideIndex = 7; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName(“mySlides2”); var dots = document.getElementsByClassName(“dot2”); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length […]

取消所有排队的jQuery slideUp和slideDown动画: 我有一个界面，大量使用jQuery slideUp和slideDown效果以三态方式扩展项目。 onmouseover: function() { this.find(‘.details’, this).slideDown(); }, onmouseout: function() { this.find(‘.details’, this).slideUp(); } 但是，当用户快速将鼠标移动到这些界面元素上时，动画无法跟上，并且在鼠标离开界面区域后项目将长时间上下滑动。当鼠标离开项目的容器div时，有没有办法取消所有排队的幻灯片动画？

滑块与按钮。如何提高？: 我需要制作一个滑块。我有内容（应该水平移动）和两个按钮 – “右”和“左”。如果按住按钮并按住它，内容将开始移动（按适当的方向）。如果您没有按住按钮，则移动停止。此行为复制通常窗口滚动条的行为。我写了一些代码： var animateTime = 1, offsetStep = 5; //event handling for buttons “left”, “right” $(‘.bttR, .bttL’) .mousedown(function() { scrollContent.data(‘loop’, true).loopingAnimation($(this)); }) .bind(“mouseup mouseout”, function(){ scrollContent.data(‘loop’, false); }); $.fn.loopingAnimation = function(el){ if(this.data(‘loop’) == true){ var leftOffsetStr; leftOffsetInt = parseInt(this.css(‘marginLeft’).slice(0, -2)); if(el.attr(‘class’) == ‘bttR’) leftOffsetStr = (leftOffsetInt – offsetStep).toString() + […]

使用JQuery水平滑动div: 所以我对Javascript和Jquery很新。我想要创建的是一个双列页面，左栏中的链接将导致右侧的div从左向右水平滑动，再次单击时滑出视图。我知道我需要使用幻灯片切换效果，但我无法以每个链接导致不同的div滑动的方式实现它…我试图调整我通过谷歌搜索找到的几个jsfiddles但是谈到javascript，我很丢失。到目前为止，这是我能够成功调整的唯一小提琴…… http://jsfiddle.net/bridget_kilgallon/HAQyK/ 但那些垂直滑动，并在点击时加载所有div。这是我为没有任何javascript的页面布局创建的小提琴…… http://jsfiddle.net/bridget_kilgallon/NhanG/ 请帮忙！ 🙂 -Bridget

jQuery动画高度: 我有一个按钮和div内部的一些文字： Click me Lot of text here…. 我想默认显示两行文本，所以我将高度设置为30px并溢出隐藏。当我点击H2元素时，我希望将文本设置为slideDown动画，如果我再点击一次，它将会滑动到默认高度（30px）。我正在用jQuery尝试很多东西，但它不起作用。编辑：我也有不止一个“扩展”和多个“H2”和文本不同的div，所以高度不固定…我想滑到“自动”高度或100％。有人能帮我吗？谢谢！