js左键点击图片旋转木马例子
本文以JS为例,围绕旋转木马的图片效果点击按钮,分享给大家,供大家参考。具体的实现方法如下:$(函数(){())
var指数= 1;
VaR页= 1;
v_citemss = $(var $ 。citemss );
VaR v_show = v_citemss.find美元美元(UL);
v_width =(v_citemss美元。宽度); / /图片显示区的外围的DIV的大小
注意:如果是一个整数,在你前面加无功,否则会提示underfine
p_count = $(v_citemss.find李。长度); / /获得李数
$(。slideprev1)。Click(function(){)
如果(!v_show.is美元(:动画)){
如果(页= =指数){
v_show.animate美元({右:'0px},3000 );
页= 4;
{人}
v_show.animate美元({右:=+ v_width },3000 );
页—;
}
}
});
$(。slidenext)。Click(function(){)
如果(!v_show.is美元(:动画)){
如果(页= = p_count){
v_show.animate美元({左:'0px},3000 );
页= 1;
{ { { }
v_show.animate美元(左:=+ { v_width },3000 );
页+ +;
}
}
});
});
鼠标上移,出现在栏下左右的描述,按钮效果,可以用来实现css,不需要用js来实现。
具体操作:CSS中的绝对位置或相对位置,左、右或底为负数。鼠标抬起后,显示正确,然后设置动画的缓冲区作为缓冲区。
希望本文能对大家的javascript程序设计有所帮助。