编写JavaScript程序实现：图像浏览器的功能

编写JavaScript程序实现：图像浏览器的功能，如下图：

代码实现：

<!doctype html>
<html lang="en"><head><title>图片浏览器</title></head><body><table><tr><td><input type="button" value="第一幅" id="1"></td><td><input type="button" value="前一幅" id="2"></td><td><input type="button" value="后一幅" id="3"></td><td><input type="button" value="最后一幅" id="4"></td></tr>
</table><img src="8483763.jpg" width="250" height="180" id="img">//设置默认为第一幅图片
<script>var count=0;var imgName=["8483763.jpg","8492815.jpg","8500947.jpg"];//图片路径可自行更改，该处使用的为相对路径var t1=document.getElementById("1");var t2=document.getElementById("2");var t3=document.getElementById("3");var t4=document.getElementById("4");var img=document.getElementById("img");//后一张t3.onclick=function(){count++;if (count>=imgName.length) {count=0;//从0开始}img.src=imgName[count];           };//前一张t2.onclick=function(){count--;if (count<0) {count=imgName.length-1;//从0开始}img.src=imgName[count];           };//第一张t1.onclick = function () {count=0;img.src=imgName[count];};//最后一张t4.onclick = function () {count=imgName.length-1;img.src=imgName[count];};</script></body>
</html>

显示效果：

编写JavaScript程序实现：图像浏览器的功能相关推荐

C++实现类和对象：编写一个程序，模拟电梯的功能。功能接口包括电梯上行按钮、下行按钮、楼层选择和电梯在行驶过程中的楼层显示。
浙江理工大学信息学院面向对象程序设计实验报告实验名称:类的定义与使用学时安排:3 实验类别:设计性实验 ...
JAVA:编写一个程序，模拟电梯得功能。功能接口包括电梯上行按钮、下行按钮、楼层选择与电梯在行驶过程中得楼层显示。
编写一个程序,模拟电梯得功能.功能接口包括电梯上行按钮.下行按钮.楼层选择与电梯在行驶过程中得楼层显示. (1) 由用户选择按上行按钮还就是下行按钮,选择操作后再由用户输入要进入得楼层,进而电梯开始运 ...
python怎样编写定时程序_Python如何实现定时器功能
Timer: 隔一定时间调用一个函数,如果想实现每隔一段时间就调用一个函数的话,就要在Timer调用的函数中,再次设置Timer.Timer是Thread的一个派生类 python中的线程提供了jav ...
用python + hadoop streaming 编写分布式程序（一） -- 原理介绍，样例程序与本地调试
原文地址:http://www.cnblogs.com/joyeecheung/p/3757915.html 相关随笔: 点击打开链接 Hadoop-1.0.4集群搭建笔记用python + ha ...
【读书笔记】《编写高效的JavaScript程序》
为什么80%的码农都做不了架构师?>>> 看到一篇文章,http://www.csdn.net/article/2012-11-20/2811887-writing-fast- ...
在python程序中嵌入浏览器_用Python中的wxPython实现最基本的浏览器功能
通常,大多数应用程序通过保持 HTML 简单来解决大多数浏览器问题 ― 或者说,根据最低共同特性来编写.然而,即便如此,也仍然存在字体和布局的问题,发行新浏览器和升级现有浏览器时,也免不了测试应用程序 ...
编写高效的JavaScript程序
转载自http://kb.cnblogs.com/page/168162/ 英文原文:Writing Fast, Memory-Efficient JavaScript Addy Osmani是谷歌公 ...
[实战分析] 编写高效的JavaScript程序
摘要:有人说想要快速的加载Web网页就如同汽车一样,需要使用特殊工具.想知道JavaScript如何在V8中工作的吗?如何避免性能中出现的陷阱?当涉及到编写高效的内存和快速创建代码时总会出现一些常见的 ...
Java编写图像浏览器_浏览器下载图像（JAVA代码）
03-07阅读8103 简介: JavaWeb下载文件通常分为两种类型,一种是浏览器可以识别的文件类型,例如.txt,.excel,.zip等,可以通过使用以下链接来实现标签,但图片下载确实很麻烦. ...

编写JavaScript程序实现：图像浏览器的功能

编写JavaScript程序实现：图像浏览器的功能相关推荐

最新文章

热门文章