效果图:测试代码: <title>Js图片浏览器</title> <button onclick="Slider.next()">play</button> <script type="text/javascript"> <!-- Slider = { isIE : true, m_imageSource : [], m_selIdx : 0, m_direction : 1, m_mainviewer : null, m_delayTimer : null, m_delayTimer1 : null, m_curObj : null, m_tarObj : null, m_inited : false, init : function(id, w, h, w1, h1, p, t, s, source){ this.isIE = document.all ? true : false; this.canvasWidth = w; this.canvasHeight = h; this.imageWidth = w1; this.imageHeight = h1; this.m_percent = p; this.m_top = t; this.m_spaceWidth = s; this.writeCanvas(id); for(var i=0;i<source.length;i++) { this.container.innerHTML += '<img src="'+source[i]+'" border="0" style="max-width:90%"filter:alpha(opacity=50)':'opacity:0.5')+';width:'+w1+'px;height:'+h1+'px;position:absolute;left:'+(i*w1+i*this.m_spaceWidth)+'px;top:'+this.m_top+'px;" index="'+i+'"/ alt="来自国外的一款Js图片浏览效果_图象特效" >'; } this.m_mainviewer = this.container.firstChild.cloneNode(true); this.bind(); this.start(); }, writeCanvas : function(id) { document.write('<div id="'+id+'" style="width:'+this.canvasWidth+'px;height:'+this.canvasHeight+'px;position:relative;overflow:hidden;background-color:black"></script>'); this.container = document.getElementById(id); }, bind : function(obj, evt, fun){ var obj = this.container; for(var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
