首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
媒体图像
图片展播
作者: 来源: 日期:2004-9-30
<script type="text/javascript"> <!-- var img=new Array( "http://www.itpow.com/images/cftea.gif", "http://www.itpow.com/images/logo.gif", "http://www.itpow.com/images/specials/serial.jpg" ); --> </script> <div align="left"> <table border="1" cellpadding="0" cellspacing="0" width="259" height="188" bordercolorlight="#008000" bordercolordark="#FFFFFF"> <tr> <td width="255" height="164" colspan="5" align="center"> <script type="text/javascript"> <!-- var currentImg=0; document.write("<img name='imgplat' src='"+img[currentImg]+"'>"); --> </script> </td> </tr> <tr> <td width="43" height="12" align="center"><a href="JavaScript:changeImg('first')"><font size="2">第一幅</font></a></td> <td width="50" height="12" align="center"><a href="JavaScript:changeImg('previous')"><font size="2">上一幅</font></a></td> <td width="52" height="12" align="center"> <select size="1" name="selectImg" onchange="JavaScript:changeImg('index')"> <script type="text/javascript"> <!-- for(i=0;i<img.length;i++) { document.write("<option value='"+i+"'>"+i+"</option>"); } --> </script> </select></td> <td width="48" height="12" align="center"><a href="JavaScript:changeImg('next')"><font size="2">下一幅</font></a></td> <td width="54" height="12" align="center"><a href="JavaScript:changeImg('last')"><font size="2">最后一幅</font></a></td> </tr> </table> </div> <script type="text/javascript"> <!-- function changeImg(which) { if(which=="first") { currentImg=0; } else if(which=="previous") { currentImg=(--currentImg<0)?0:currentImg; } else if(which=="index") { currentImg=document.all.selectImg.selectedIndex; } else if(which=="next") { currentImg=(++currentImg>(img.length-1))?img.length-1:currentImg; } else if(which=="last") { currentImg=img.length-1; } document.all.imgplat.src=img[currentImg]; } --> </script>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...