jQuery实现简单的旋转木马图

jQuery实现简单的旋转木马图
HTML代码:

轮播图实践

U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000

CSS代码:
*边距:0;填充:0;}
列表样式:无;}
回来{身高:400px;溢出:隐藏;边距:100px;}
。后李{宽度:100%;高度:400px;保证金:0汽车;}
背景:红色;}
背景:黄色;}
背景:蓝色;}
背景:黑色;}
背景:绿色;}
。点{文本对齐:中心;边缘上:- 30px;}
。点李{宽度:20px;高度:20px;边界:2px固体# FFF;边界半径:10px;盒尺寸:边界盒;};}
。点李。主动{背景:# FFF;}
位置:相对。BTN {;}
。BTN跨度{display: inline块;垂直对齐:顶;宽度:100px;身高:100px;背景:背景:;
。按钮。沪指{左0 }
。BTN。下右:0;} {
JS代码:
$(函数(){())
功能横幅(A,B,C,D,E){是背景图像,B是活动的,C是相应按钮,D,E的背景。
索引= 0;
len = $()。length-1;
功能TEB(指数){
$(c)。情商(指数),AddClass(B),兄弟姐妹()RemoveClass(B);
(一)美元。情商(指数),FadeIn(300),AddClass('curr)。兄弟姐妹(' '),FadeOut(300)RemoveClass('curr);
};
$(c)Click(函数(){)
索引= $(this);
TEB(指数);
});
$(d)Click(函数(){)
指数;
如果(索引< 0){
索引=透镜;
};
TEB(指数);
});
$(e)Click(函数(){)
索引+;
如果(索引>镜头){
指数= 0;
};
TEB(指数);
});
功能timerun(){
时间= setInterval(){()函数(
索引+;
如果(索引>镜头){
索引= 0;
};
TEB(指数);
},3000);
};
TimeRun();
};
横幅('。回来>里,活动','。点>里','里面','未来');
});
以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!

tag:旋转木马简单电脑软件jquery

相关内容