Maison > Article > interface Web > Tutoriel JavaScript – Cliquez pour parcourir les images

Tutoriel JavaScript – Cliquez pour parcourir les images

巴扎黑original: 2017-09-04 09:49:461865parcourir

Cet article vous présente l'effet de cliquer pour parcourir js à travers l'exemple de code. Les amis qui en ont besoin peuvent s'y référer

Sans plus tarder, je publierai directement le code pour vous. le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>单击循环切换图片</title>
<script>
var i = 1;
function nextImg(){
i++;
//步骤2：获取页面元素
var next = document.getElementById("nImg");
//步骤3：更改元素的src属性
next.src = "img/"+i+".jpg";
if(i==3){
i=0;
} 
}
</script>
</head>
<body>
<p>
<!--步骤1：绑定onclick事件-->
<button onclick="nextImg()">下一张</button>
<br />
<!--需自己准备3张图片-->
<img src="img/1.jpg" id="nImg" width="600px" height="400px" />
</p>
</body>
</html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Une première introduction au JavaScript orienté objetArticle suivant：Une première introduction au JavaScript orienté objet

Articles Liés

Voir plus