JavaScript 图片切换展示效果alibaba拓展版

核心提示： window.xywxff=function(){function Each(list, fun){for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }};var objs = $("id

window.xywxff=function(){
　　function Each(list, fun){
　　　　for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
　　};
　　
　　var objs = $("idNum").getElementsByTagName("li");
　　
　　var tv = new TransformView("idTransformView", "idSlider", 168, 3, {
　　　　onStart : function(){ Each(objs, function(o, i){ o.className = tv.Index == i ? "on" : ""; }) }//按钮样式
　　});
　　
　　tv.Start();
　　
　　Each(objs, function(o, i){
　　　　o.onmouseover = function(){
　　　　　　o.className = "on";
　　　　　　tv.Auto = false;
　　　　　　tv.Index = i;
　　　　　　tv.Start();
　　　　}
　　　　o.onmouseout = function(){
　　　　　　o.className = "";
　　　　　　tv.Auto = true;
　　　　　　tv.Start();
　　　　}
　　})
　　
　　////////////////////////test2
　　
　　var objs2 = $("idNum2").getElementsByTagName("li");
　　
　　var tv2 = new TransformView("idTransformView2", "idSlider2", 408, 3, {
　　　　onStart: function(){ Each(objs2, function(o, i){ o.className = tv2.Index == i ? "on" : ""; }) },//按钮样式
　　　　Up: false
　　});
　　
　　tv2.Start();
　　
　　Each(objs2, function(o, i){
　　　　o.onmouseover = function(){
　　　　　　o.className = "on";
　　　　　　tv2.Auto = false;
　　　　　　tv2.Index = i;
　　　　　　tv2.Start();
　　　　}
　　　　o.onmouseout = function(){
　　　　　　o.className = "";
　　　　　　tv2.Auto = true;
　　　　　　tv2.Start();
　　　　}
　　})
　　
　　$("idStop").onclick = function(){ tv2.Auto = false; tv2.Stop(); }
　　$("idStart").onclick = function(){ tv2.Auto = true; tv2.Start(); }
　　$("idNext").onclick = function(){ tv2.Index++; tv2.Start(); }
　　$("idPre").onclick = function(){ tv2.Index--;tv2.Start(); }
　　$("idFast").onclick = function(){ if(--tv2.Step <= 0){tv2.Step = 1;} }
　　$("idSlow").onclick = function(){ if(++tv2.Step >= 10){tv2.Step = 10;} }
　　$("idReduce").onclick = function(){ tv2.Pause-=1000; if(tv2.Pause <= 0){tv2.Pause = 0;} }
　　$("idAdd").onclick = function(){ tv2.Pause+=1000; if(tv2.Pause >= 5000){tv2.Pause = 5000;} }
　　
　　$("idReset").onclick = function(){
　　　　tv2.Step = Math.abs(tv2.options.Step);
　　　　tv2.Time = Math.abs(tv2.options.Time);
　　　　tv2.Auto = !!tv2.options.Auto;
　　　　tv2.Pause = Math.abs(tv2.options.Pause);
　　}
　　
}
</script>
</body>
</html>