Javascript点击更换背景

Posted 2020-08-05

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript点击更换背景相关的知识，希望对你有一定的参考价值。

<script type="text/javascript">
//第一种方法,使用数组
    var i=0;
	function t1(){
	  var arr=[‘url(img/bgf.jpg)‘,‘url(img/bg.jpg)‘,‘url(img/4f.jpg)‘,‘url(img/5f.jpg)‘,‘url(img/6f.jpg)‘];
	  var bottom = document.getElementById(‘zhengti‘);
	  	if(i==arr.length){
		i=0;
	  }
	  bottom.style.backgroundImage = (arr[i++]);
	}

/*第二种方法,if...else判断	
  var i = 0;
  function t1(){
    var bottom = document.getElementById(‘zhengti‘);
	if(i++%2==0){
	  bottom.style.backgroundImage = "url(img/bgf.jpg)";
	}
	else{
	  bottom.style.backgroundImage = "url(img/bg.jpg)";
	}  
  }
*/

</script>

</head>
  <body id="zhengti">
	<div id="bottom">
	  <input type="button" value="更换背景" onclick="t1();" />
	</div>
  </body>
</html>

本文出自 “hbbdgyb” 博客，请务必保留此出处http://hbbdgyb.blog.51cto.com/5031387/1844851

以上是关于Javascript点击更换背景的主要内容，如果未能解决你的问题，请参考以下文章

JS点击更换网页背景颜色

web前端 --- JavaScrip基础

android button 点击后如何更换背景，然后点击其他按钮时该按钮背景换回来？

jquery怎么实现点击一个元素更换背景图片，连续点击永远在2张图片之间更换

Android中的Button怎么在点击更换背景？点击后又恢复原来的背景？