jquery自定义动画animate方法

最新推荐文章于 2023-09-22 16:47:39 发布

积沙成塔——

最新推荐文章于 2023-09-22 16:47:39 发布

阅读量276

点赞数 1

分类专栏： jquery基础文章标签： javascript

本文链接：https://blog.csdn.net/qq_45308912/article/details/121463858

版权

jquery基础专栏收录该内容

26 篇文章 0 订阅

订阅专栏

在这里插入图片描述
示例效果：

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#container {
				height: 200px;
				width: 200px;
				background-color: pink;
			}
		</style>
		<script src="js/new_file.js"></script>
	</head>
	<body>
		<button>动起来</button>
		<div id="container">
			
		</div>	
		<script>
			$(function() {
				//当点击按钮时候执行动画效果
				$("button").click(function() {
					$("div").animate({
						marginLeft: 500, //复合属性使用驼峰命名法
						marginTop: 200,
						opacity: 0.5
					},2000); //2000代表的是2秒，指定这个动画2秒钟完成，可以根据情况进行修改
				})
			})
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

积沙成塔——

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery自定义动画animate方法

示例效果：示例代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #container { height: 200px; width: 200px; background-color: pink; } </style> <script .
复制链接

扫一扫