Jquery 为什么我的十字架不会重复?
我有一个简单的背景图像交叉音量控制器:此代码的基础取自此处: 由于某种原因,虽然它只重复一次,但会逐渐变白。如何调整代码,使其不断重复自身 JS:Jquery 为什么我的十字架不会重复?,jquery,css,slider,fade,Jquery,Css,Slider,Fade,我有一个简单的背景图像交叉音量控制器:此代码的基础取自此处: 由于某种原因,虽然它只重复一次,但会逐渐变白。如何调整代码,使其不断重复自身 JS: 你的选择器错了。试一试 $('#fullscreen-slider li:first').fadeOut() .next('li').fadeIn() .end().appendTo('#fullscreen-slider'); 演示: 试试这个: 哇,你粘贴了整个代码。你是如何制作这个实时演示按钮的?@Aspiri
你的选择器错了。试一试
$('#fullscreen-slider li:first').fadeOut()
.next('li').fadeIn()
.end().appendTo('#fullscreen-slider');
演示:
试试这个:
哇,你粘贴了整个代码。你是如何制作这个实时演示按钮的?@AspiringAqib:)点击|编辑|链接并亲自查看:)你会注意到它使用firebug并观看
#全屏滑块
的HTML内容的变化。
$('#fullscreen-slider li:first').fadeOut()
.next('li').fadeIn()
.end().appendTo('#fullscreen-slider');
/* located within plugins.js */
function fitElements() {
$('ul#fullscreen-slider li').height( $(window).height() ).width( $(window).width() );
}
function slideshow() {
var n = 0;
var $LI = $('#fullscreen-slider li');
$LI.hide().eq(n).show();
setInterval(function(){
$LI.eq(n++%$LI.length).fadeTo(600,1).siblings().fadeTo(600,0);
}, 3000);
}
$(document).ready(function() {
fitElements();
slideshow();
});
function slideshow() {
$('#fullscreen-slider li:gt(0)').hide();
setInterval(function(){
$('#fullscreen-slider li:eq(0)').fadeOut()
.next('li').fadeIn()
.end().appendTo('#fullscreen-slider');
}, 3000);
};