左右运动

最新推荐文章于 2023-03-16 14:53:57 发布

qq_23836283

最新推荐文章于 2023-03-16 14:53:57 发布

阅读量219

点赞数

分类专栏： js 文章标签： HTML

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style type="text/css">
		.out {
			width: 300px;
			height: 100px;
			position: relative;
		}
		
		.arrow {
			width: 20px;
			height: 20px;
			position: fixed;
			left: 50%;
			top: 10px;
			background: #c6c;
		}
	</style>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="application/javascript">
		var direction = 'right';
		$(function() {
			var css = {
				'left': '49	%'
			};
			if(direction === 'right') {
				direction = 'left';
				css.left = '51%';
			} else {
				direction = 'right';
			}
			$('.arrow').animate(css, arguments.callee);
		});
	</script>

	<body>
		<div class="out">
			<div class="arrow"></div>
		</div>
	</body>

</html>