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变瘦的主要内容,如果未能解决你的问题,请参考以下文章
谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js