图片名称查看图片（前进后退）功能

落日映苍穹つ 2022-04-10 09:31 234阅读 0赞

在写这篇文章之前，xxx已经写过了几篇关于改图片名称主题的文章,想要了解的朋友可以去翻一下之前的文章

注：images件文夹下图片的定名是从1~5.jpg有法则的

声明的 var array = \[1, 2, 3, 4, 5\]; 这个数组放存的是图片的名称

<head>

每日一道理  
天又快黑了，这座忙碌的城市又将入睡，让这劳累的“身躯”暂别白日的辛勤，让它入睡，陪伴着城市中的人们进入梦乡。当空的弯月正深情地注视着这座城市与城市中的人们，看着家家户户的灯渐渐熄灭，它在床头悄悄奏响“明月曲”……

<title></title>  
<script src="Jquery1.7.js" type="text/javascript"></script>  
<style type="text/css">  
img  
\{  
width: 200px;  
height: 200px;  
\}  
</style>  
<script type="text/javascript">  
$(function () \{  
var array = \[1, 2, 3, 4, 5\];  
var count = 0;  
$('\#Button1').click(function () \{  
if (count > 0) \{  
count--;  
$('img').attr('src','images/'+array\[count\]+'.jpg');  
\}  
\})  
  
  
$('\#Button2').click(function () \{  
if (count <4) \{  
count++;  
$('img').attr('src', 'images/' + array\[count\] + '.jpg');  
\}  
\})  
  
  
\})  
  
</script>  
</head>  
<body>  
<table>  
<tr>  
<td>  
<input id="Button1" type="button" value="<" />  
</td>  
<td>  
<img src="images/1.jpg" />  
</td>  
<td>  
<input id="Button2" type="button" value=">" />  
</td>  
</tr>  
</table>  
</body>

文章结束给大家分享下程序员的一些笑话语录： 人在天涯钻，哪儿能不挨砖？日啖板砖三百颗，不辞长做天涯人～

发表评论取消回复

表情：

评论列表（有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读

相关前进刷新，后退不刷新

首先在router/index.js中的 routes中的每一项加上 meta: { keepAlive: false } 就按好像下面一样，

心已赠人/ 2023年06月24日 08:25/ 0 赞/ 24 阅读

相关 pycharm前进、后退快捷键

[https://blog.csdn.net/jamieblue1/article/details/89087064][https_blog.csdn.net_jamiebl

悠悠/ 2022年12月25日 00:49/ 0 赞/ 183 阅读

相关栈实现浏览器的前进和后退功能

一概述当你一次访问完一串页面a-b-c之后，点击浏览器的后退按钮，就可以查看之前浏览过的页面b和a。当你后退到页面a，点击前进按钮，就可以重新查看页面b和c。但是，如

╰+哭是因爲堅強的太久メ/ 2022年12月11日 13:47/ 0 赞/ 138 阅读

相关 UIWebView的前进和后退功能

UIWebView可以像手机浏览器一样实现前进，后退，重新载入，取消加载的功能 1.首先创建UIWebView \_webView =\[\[UIWebViewalloc

素颜马尾好姑娘i/ 2022年08月20日 04:22/ 0 赞/ 265 阅读

相关 js前进后退后代码

Js中的前进后退代码跟浏览器的很像浏览器前进代码使用window.history();=history.go(1); 然而js使用的history.forward();=hi

逃离我推掉我的手/ 2022年04月15日 03:46/ 0 赞/ 360 阅读

相关图片名称查看图片（前进后退）功能

在写这篇文章之前，xxx已经写过了几篇关于改图片名称主题的文章,想要了解的朋友可以去翻一下之前的文章注：images件文夹下图片的定名是从1~5.jpg有法则的声明的

落日映苍穹つ/ 2022年04月10日 09:31/ 0 赞/ 235 阅读

相关 IDEA 设置前进，后退快捷键

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhaWR1

谁践踏了优雅/ 2022年03月06日 20:10/ 0 赞/ 354 阅读

相关 JS-禁用浏览器前进后退

使用jQuery： <script type="text/javascript" language="javascript"> 　　$(document).r

Dear 丶/ 2021年12月12日 02:19/ 0 赞/ 369 阅读

相关 Vue路由判断前进后退

判断方式应该有很多，但是我感觉最简单的方式，也是我项目中采用的方式：定义全局跳转和返回函数，直接“接管”Vue路由的前进和后退事件： //注册全局方法

梦里梦外;/ 2021年11月05日 07:52/ 0 赞/ 1116 阅读

相关简单实现网页前进后退

前进 <input type="button" value="前进" οnclick="javascript:history.go(1);"> 后退

骑猪看日落/ 2021年11月02日 01:08/ 0 赞/ 403 阅读