【JavaScript实例】小车从左到右跑动

最新推荐文章于 2023-03-13 14:56:52 发布

我真的不会打代码

最新推荐文章于 2023-03-13 14:56:52 发布

阅读量559

点赞数

分类专栏： JavaScript 文章标签： javascript js css html

本文链接：https://blog.csdn.net/weixin_44637000/article/details/108890776

版权

鼠标移到特定位置，小车开始从左到右跑动。

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.banner{
				width: 100%;
				height: 120px;
				margin: 0 auto;
				background-color: black;
				position: relative;
				top: 120px;
				z-index: 1;
			}
			.img_r{
				height: 200px;
				position: absolute;
				top: -120px;				
			}
			.img_r img{		
				z-index: 2;	
			}
			
			.img_l{
				height: 200px;
				position: absolute;
				top: -120px;				
			}
			.img_l img{		
				z-index: 2;	
			}
			
			
		</style>
	</head>
	<body>
		<div class="banner" onmousemove="autoplay()">
			<!-- 图片 -->
			<div class="img_r" style="left: -800px;">
				<img  src="../img/car_r.png"/>				
			</div> 
				
			<div class="img_l" style="left: -800px;">
				<img  src=".

最低0.47元/天解锁文章

我真的不会打代码

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【JavaScript实例】小车从左到右跑动

鼠标移到特定位置，小车开始从左到右跑动。<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .banner{ width: 100%; height: 120px; margin: 0 auto; background-color: black; position: rel
复制链接

扫一扫