jQuery 内容切换和淡入淡出插件?

标签 jquery jquery-plugins fadein jcarousel fadeout

对于一个项目,我想制作一个内容横幅,可以在几个“幻灯片”(包含 html、图像等)之间切换。 “幻灯片”是 div 元素。 jCarousel 使用的幻灯片效果并不是他想要的,他希望它能够淡入/淡出“幻灯片”,并且每个“幻灯片”显示 7 秒。

有人知道可以实现此目的的插件吗?

P.s.我试图询问是否有人为 jCarousel 创建了 fadeIn/fadeOut 效果,但这个问题没有得到任何回应,所以现在我愿意更改插件来执行此特定任务。

最佳答案

你见过jQuery Cycle Plugin吗? ?它有一个 ton of different options ,其中之一是淡入淡出效果。只需下载插件代码,然后使用以下内容

$(function() {
  $('div.slideshow').cycle({
    fx: 'fade', // choose the fade transition type
    timeout: 7000 // 7 second delay between fade in and fade out
  });
); 

假设您的图像大小都相同并且在 <div> 中与 class="slideshow"

关于jQuery 内容切换和淡入淡出插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1282043/

相关文章:

javascript - 用于弹出网页屏幕的 jQuery Lightbox/Modal 窗口

validation - jquery 验证 - 如何设置一般错误消息

javascript - Jquery 路点淡入和动画

jquery - jQuery 中的淡出

javascript - Jquery 在网站加载时淡入图像

javascript - PHP/Javascript/AJAX - 使用表单重定向页面,然后提交

javascript - jQuery is() 或 has() 作用于多个元素

jquery - 如何使用 jQuery 制作交互式 map ?

javascript - jquery validate.resetForm() 不清除表单,手动重置时触发验证消息

javascript - iScroll 不显示滚动条,但允许我拖动内容