图片轮番代码.doc

图片轮番代码另一 12345注解：紫色部分代表需要展示图片的长度，记得实践 绿色部分代表翻页代码，你需要几张翻页就复制几个，记得实践哦javascript图片轮换 #album position:relative; width:400px; height:300px; border:10px solid #EFEFDA; overflow:hidden; #album dt margin:0; padding:0; width:400px; height:300px; overflow:hidden; #album img border:2px solid #000; #album dd position:absolute; right:0px; bottom:10px; #album a display:block; float:left; margin-right:10px; width:15px; height:15px; line-height:15px; text-align:center; text-decoration:none; color:#808080; background:transparent url(/jscss/demoimg/200910/o_button.gif) no-repeat -15px 0; #album a:hover ,#album a.hover color:#F8F8F8; background-position:0 0; 123 function imageRotater(id) var cases = , album = document.getElementById(id), images = album.getElementsByTagName(img), links = album.getElementsByTagName(a), dt = album.getElementsByTagName(dt)0, length = images.length, aIndex = 1, aBefore = length; for(var i=0;i length;i+) cases += imagesi.id + :+imagesi.getAttribute(src)+, images0.style.cssText = position:absolute;top:0;left:0;/修正图片位置错误 var tip = document.createElement(dd); tip.style.cssText = position:absolute;bottom:0;height:20px;width:380px;padding:10px;color:#fff;background:#fff; album.insertBefore(tip,dt.nextSibling); if(!+v1) tip.style.color = #369; tip.style.filter = alpha(opacity=67) else tip.style.cssText += background: rgba(164, 173, 183, .65); cases = eval(+cases.replace(/,$/,)+); for(var i=0;i length) aIndex = 1; images0.src = casesprefix+aIndex; tip.innerHTML = imagesaIndex -1.getAttribute(alt); tip.style.bottom = -40px; linksaBefore-1.className = ; linksaIndex-1.className = hover; aBefore = aIndex; aIndex+; move(tip); setTimeout(arguments.callee,1500) ,1500) )() var move = function(el) var begin = parseFloat(el.style.bottom), speed = 1; el.bottom = begin; (function() setTimeout(function() el.style.bottom = el.bottom + speed + px; el.bottom += speed; speed *= 1.5;/下一次移动的距离 if(el.bottom = 0) el.style.bottom = 0px; else setTimeout(arguments.callee,23); ,25) )() window.onload = function() trydocument.execCommand(BackgroundImageCache, false, true);catch(e); imageRotater(album); 说明： ，这里面的链接的宝贝地址 不用解释了吧 就是点击图片进入什么地方的链接， 这里是张张图片为例，比如下面一张你看不到怎么链接的宝贝，可以在淘宝自定义里点击这张图片，就可以链接你的宝贝地址就可以了，对于有些专家不