JavaScript大效果

最新推荐文章于 2022-07-09 11:43:28 发布

VIP文章 liaojuajun

最新推荐文章于 2022-07-09 11:43:28 发布

阅读量74

点赞数

本文链接：https://blog.csdn.net/liaojuajun/article/details/101854864

版权

1.动画

通过切换图片形成动画效果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		
		
		<img src="images/1.png" id="pic"/>
		
		<script type="text/javascript">
			
			var pic = document.getElementById("pic");
			var c = 1,d = 1;
			
//			设置定时器,每隔一段时间换一张图片
			setInterval(function(){
   
//				负责控制随着d的正负来改变图片转换效果
				c = c+d;
//				组合出新src路径
				var url = 'images/'+c+'.png';
//				将新路径设置回去
				pic.setAttribute('src',url);
				
				if (c==19 || c==1) {
   
					d = -1*d;
				}
				
//				if (c==19) {
   
//					d = -1;
//				}
//				
//				if (c==1) {
   
//					d = 1;
//				}

			},100)
			
			
		</script>
		
		
		
	</body>
</html>

2.随机选水果

切换图片，当点击button时停止

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<input type=

最低0.47元/天解锁文章

liaojuajun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript大效果

1.动画通过切换图片形成动画效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <img src="images/1.png" id="p...
复制链接

扫一扫