码迷,mamicode.com
首页 > Web开发 > 详细

JS变瘦

时间:2017-09-12 00:06:04      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:文档   oct   charset   cti   asc   element   meta   function   .com   

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

<!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变瘦

标签:文档   oct   charset   cti   asc   element   meta   function   .com   

原文地址:http://www.cnblogs.com/zyn0216/p/7507890.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!