当点击“上一张”和“下一张”按钮时,图片框里的图片按顺序更换下一张,点一次更换一次。 还求一个代码,当点击按钮或图片时随机更换成其它图片。
Posted 永往
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当点击“上一张”和“下一张”按钮时,图片框里的图片按顺序更换下一张,点一次更换一次。 还求一个代码,当点击按钮或图片时随机更换成其它图片。相关的知识,希望对你有一定的参考价值。
<style> #d1{width:200;height:200;border:1 gray solid} </style> <body> <div id=d1></div> <input type=button id=bn1 value=change> <span id=s1></span> <script language="javascript"> <!-- a=[ ‘http://www.biaoqing1.com/uploads/allimg/090508/221T3B08-2.gif‘, ‘http://www.biaoqing1.com/uploads/allimg/090508/221T31E0-14.gif‘, ‘http://biaoqing1.com/uploads/allimg/090508/221T35102-12.gif‘, ‘http://biaoqing1.com/uploads/allimg/090508/221T34R4-0.gif‘ ] var i=0; d1.style.background=‘URL(‘+a[i]+‘) no-repeat‘; bn1.onclick=function(){ ++i>=a.length?i=0:0; d1.style.background=‘URL(‘+a[i]+‘) no-repeat‘; s1.innerText=i; } //--> </script> </body>
以上是关于当点击“上一张”和“下一张”按钮时,图片框里的图片按顺序更换下一张,点一次更换一次。 还求一个代码,当点击按钮或图片时随机更换成其它图片。的主要内容,如果未能解决你的问题,请参考以下文章