Question

我正在尝试在页面加载时制作图像幻灯片，但它似乎根本不起作用。延迟没有问题，但滑动效果没有任何作用。任何帮助将不胜感激。

$(function() {
 $(".bgslide").one('load', function () {
  $(this).delay(1000).show("slide", { direction: "left" }, 'linear', 2000);
  }).each(function() {
  if(this.complete) jQuery(this).load();
 });
});

以下是jsfiddle的链接：http://jsfiddle.net/cDYvh/

Answer 1

slide效果附带jQuery UI，但未包含：http://jsfiddle.net/cDYvh/1/

Answer 2

你也可以使用$ .animate（）来避免包含jQuery UI。例如，您可以使用以下内容完成示例：

$(this).animate({ left: 2000px });

注意：您可能需要对元素应用position：absolute。其他项目也可以动画，包括颜色，不透明度等。

Animate Example

图像jQuery滑动不工作

2 个答案: