JS变瘦

Posted 香菇炖小鸡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS变瘦相关的知识,希望对你有一定的参考价值。

由胖变瘦再由瘦变胖来回循环:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
	
	<script type="text/javascript"> 		
		function func(){
			var img=document.getElementById("ad");
			//img.src="2.jpg";
			var str=img.src;
				
			//alert(img.src);
			//alert(img.src.indexOf("1.jpg"));
				
			if(str.indexOf("1.jpg")>=0){
				img.src="2.jpg";
			}else{
				img.src="1.jpg";
			}	
		}
			
	</script>
</head>
<body>

    <span><img src="1.jpg" id="ad"></span>
    <button onClick="func()">点击变瘦</button>



</body>
</html>

运行结果:

点击变瘦:

再点击变瘦就又回到开始的样子以此循环

以上是关于JS变瘦的主要内容,如果未能解决你的问题,请参考以下文章

AI 脸部美容,一键让你变瘦变美变老变年轻

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

js代码片段: utils/lcoalStorage/cookie

JS代码片段:一个日期离现在多久了