HTML——jquery学习笔记+实例+动画效果+表格处理

深藏阁楼爱情的钟 2022-06-05 04:48 170阅读 0赞

# HTML——jquery学习笔记+实例 #

$("img").hover(function () {
            alert("鼠标移动到图片上");
        },function () {
            alert("鼠标从图片上移出");
        })
    })

绑定事件 解除绑定

![Center][]

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**文档处理**</****title****>**
6.  **<****script** src="../js/jquery-1.10.2.min.js"**>****</****script****>**
7.  **<****script****>**
8.   //文档准备就绪 
9.   $(function () \{ 
10. // $('p').append("**<****p****>**追加元素**</****p****>**") 
11. // $('p').appendTo("div"); 
12.  $('p').bind("click",function () \{ 
13.  alert("绑定点击事件") 
14.  \}) 
15. 
16.  $('div').click(function () \{ 
17.  $('p').unbind("click"); 
18. 
19.  \}) 
20. 
21. 
22.  \}) 
23. 
24. **</****script****>**
25. 
26. **</****head****>**
27. **<****body****>**
28. **<****p****>**绑定**</****p****>**
29. **<****p****>**绑定**</****p****>**
30. **<****div****>**解除绑定**</****div****>**
31. **</****body****>**
32. **</****html****>**

Band live 绑定时间

![SouthEast][]

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**Title**</****title****>**
6.  **<****style****>**
7.   .clickme\{ 
8.   width: 200px; 
9.   height: 200px; 
10.  background-color: \#5d71fa; 
11.  \} 
12. 
13. **</****style****>**
14. 
15. 
16. **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
17. **<****script****>**
18.  //1.文档准备就绪 
19.  $(function () \{ 
20. // $('p').append("**<****p****>**追加元素**</****p****>**"); 
21.  //2.把p标签加到div里 
22.  // $('p').appendTo("div"); 
23.  //p点击事件 
24.  $('p').bind("click",function () \{ 
25.  alert("绑定点击事件"); 
26.  \}); 
27.  //取消点击事件，没有参数解除所有事件 
28.  $('div').click(function () \{ 
29.  $('p').unbind("click"); 
30.  \}); 
31.  \}); 
32.  //die死亡 
33.  $(function () \{ 
34. 
35.  $('.clickme').live('click', function() \{ 
36.  alert("Bound handler called."); 
37.  $('body').append('**<****div** class="clickme"**>**Another target**</****div****>**'); 
38.  \}); 
39. // $('.clickme').bind('click', function() \{ 
40. // alert("Bound handler called."); 
41. // $('body').append('**<****div** class="clickme"**>**Another target**</****div****>**'); 
42. // \}); 
43.  \}) 
44. 
45. **</****script****>**
46. 
47. **</****head****>**
48. **<****body****>**
49. **<****div** class="clickme" **>** Click here**</****div****>**
50. **</****body****>**
51. **</****html****>**

内层外层diiv监听

![SouthEast 1][]

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**Title**</****title****>**
6.  
7.  
8.  **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
9.  **<****script****>**
10.  $(function () \{ 
11.  $('\#d1').click(function () \{ 
12.  alert("点击了外层div"); 
13.  \}) 
14.  $('\#d2').click(function () \{ 
15.  alert("点击了内层div"); 
16.  return false; 
17.  \}) 
18.  $('a').click(function (evt) \{ 
19.  alert("点击了超链接"); 
20.  evt.stopPropagation(); 
21.  \}) 
22.  \}) 
23. **</****script****>**
24. 
25. **</****head****>**
26. **<****body****>**
27. **<****div** id="d1" style="background-color: \#9b256b;width: 200px;height: 200px"**>**
28. **<****div** id="d2" style="background-color: \#589b4c;width: 100px;height: 100px"**>**
29. **<****p****>**
30. **<****a** href="\#"**>**
31.  点击我 
32. **</****a****>**
33. **</****p****>**
34. 
35. **</****div****>**
36. 
37. **</****div****>**
38. **</****body****>**
39. **</****html****>**

简单动画效果

1.滑动上下

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**效果**</****title****>**
6.  **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
7.  **<****script****>**
8.   $(function () \{ 
9.  // $("p").show("slow",function()\{ 
10. // $(this).text("Animation Done!"); 
11. // \}); 
12. // $('p').click(function () \{ 
13. // $(this).hide(10000) 
14. // \}) 
15. // $('p').toggle(function () \{ 
16. // $('p').hide(2000); 
17. // \}) 
18. 
19. $('p').click(function () \{ 
20.  $("p").toggle("slow"); 
21. 
22. \}) 
23.  $('div').click(function () \{ 
24.  $('p').toggle("slow"); 
25. 
26.  \}) 
27. 
28. 
29.  \}) 
30. 
31. **</****script****>**
32. 
33. **</****head****>**
34. **<****body****>**
35. **<****p****>** Hello**</****p****>**
36. **<****p****>** Hello**</****p****>**
37. **<****div****>** 出来**</****div****>**
38. **</****body****>**
39. **</****html****>**

2 放大缩小

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**Title**</****title****>**
6.  **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
7.  **<****style****>**
8.   .block\{ 
9.   width:100%; 
10.  height:100%; 
11.  fontSize: "10em"; 
12.  borderWidth: 10 
13.  \} 
14. 
15. **</****style****>**
16. **<****script****>**
17.  $(function () \{ 
18. 
19. // $("\#go").click(function()\{ 
20. // $("\#block").animate(\{ 
21. // width: "90%", 
22. // height: "100%", 
23. // fontSize: "10em", 
24. // borderWidth: 10 
25. // \}, 1000 ); 
26. // \}); 
27.  $("\#go").click(function()\{ 
28.  $("\#block").animate(\{ 
29.  width: "90%", 
30.  height: "100%", 
31.  fontSize: "10em", 
32.  borderWidth: 10 
33.  \}, 1000 ); 
34.  \}); 
35. 
36.  \}) 
37. **</****script****>**
38. 
39. **</****head****>**
40. **<****body****>**
41. **<****button** id="go"**>** Run**</****button****>**
42. **<****div** id="block"**>**Hello!**</****div****>**
43. **</****body****>**
44. **</****html****>**

![SouthEast 2][]

3左右移动

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**Title**</****title****>**
6.  **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
7.  **<****style****>**
8.   .block\{ 
9.  
10.  background-image: url("../../img/b.jpg"); 
11.  position: absolute; 
12.  width: 854px; 
13.  height: 1280px; 
14.  \} 
15. 
16. **</****style****>**
17. **<****script****>**
18.  $(function () \{ 
19.  $("\#right").click(function()\{ 
20.  $(".block").animate(\{left: '+150px', opacity: '0.3'\}, "slow"); 
21. 
22.  \}); 
23. 
24.  $("\#left").click(function()\{ 
25.  $(".block").animate(\{left: '-150px',opacity: '1'\}, "slow"); 
26.  \}); 
27.  \}) 
28. 
29. **</****script****>**
30. **</****head****>**
31. **<****body****>**
32. 
33. **<****button** id="left"**>**«**</****button****>** **<****button** id="right"**>**»**</****button****>**
34. **<****div** class="block"**>****</****div****>**
35. 
36. **</****body****>**
37. **</****html****>**

![SouthEast 3][]![SouthEast 4][]

表格出来 增删改查

![SouthEast 5][]

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**Title**</****title****>**
6.  **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
7.  **<****style****>**
8.   table\{ 
9.   border: 1px solid black; 
10.  border-collapse: collapse; 
11.  width: 500px; 
12.  \} 
13.  table th \{ 
14.  border: 1px solid black; 
15.  width: 25%; 
16.  \} 
17.  table td \{ 
18.  align-items: center; 
19.  border: 1px solid black; 
20.  width: 25%; 
21.  \} 
22.  table th \{ 
23.  background-color: \#A3BAE9; 
24.  \} 
25. **</****style****>**
26. **<****script****>**
27.  //文档准备就绪 
28.  $(function () \{ 
29.  //设置 所有 td 居中 
30.  $('table td').attr("align","center"); 
31.  //标签+属性选择所有**<**编辑**>**按钮 
32.  $('input\[value="编辑"\]').click(function () \{ 
33.  //获取每一个**<**编辑**>**按钮的 下标（从0开始 所以需要+2 = 按钮在表格的所在行数） 
34.  var numId = $('input\[value="编辑"\]').index($(this))+2; 
35.  //选择表格中的所有tr 通过eq方法取得当前tr 
36.  var ttr = $('table tr').eq(numId); 
37.  /\*当前行使用find方法找到每一个td列 
38.  each方法为每一个td设置function 
39.  \*/ 
40.  ttr.find("td").each(function () \{ 
41.  /\*过滤 td中的元素 
42.  checkbox 、 button、text 不需要执行append 
43.  注意 return 为 跳出当前 each 
44.  return false 为 跳出整个 each 
45.  \*/ 
46.  if($(this).children("input\[type='checkbox'\]").length**>**0)\{ 
47.  return ; 
48.  \} 
49.  if($(this).children("input\[type='button'\]").length**>**0)\{ 
50.  return ; 
51.  \} 
52.  if($(this).children("input\[type='text'\]").length**>**0)\{ 
53.  return ; 
54.  \} 
55. 
56.  var tdText = $(this).html(); 
57.  $(this).html(""); 
58.  var inputObj = $("**<****input** type='text'**>**"); 
59.  inputObj.appendTo($(this)); 
60.  inputObj.css("width","95%"); 
61.  inputObj.val(tdText); 
62.  \}); 
63.  \}); 
64.  //为每一个确定按钮设置点击事件 
65.  $('input\[value="确定"\]').click(function () \{ 
66.  /\*通过parents方法获取**<**确定**>**按钮的父容器tr 
67.  再为 tr中的每一个text设置function 
68.  \*/ 
69.  var ttr=$(this).parents("tr"); 
70.  ttr.find('input\[type="text"\]').each(function () \{ 
71.  var inputVal = $(this).val(); 
72.  $(this).parents('td').html(inputVal); 
73.  \}) 
74.  \}); 
75.  //全选/反选 
76.  $('\#cha').click(function () \{ 
77.  //判断checkbox是否选中 
78.  if($(this).is(':checked'))\{ 
79.  $('input\[type="checkbox"\]').attr("checked","true"); 
80.  \}else\{ 
81.  $('input\[type="checkbox"\]').removeAttr("checked"); 
82.  \} 
83.  \}) 
84.  //增加一行 
85.  $('\#add').click(function () \{ 
86.  $('table tr').eq(2).clone(true).appendTo("table"); 
87.  \}) 
88. //删除最后一行 
89.  $('\#del').click(function () \{ 
90.  $('tr:last').remove() 
91. // $('table tr').eq(2).remove(); 
92.  \}) 
93.  \}) 
94. 
95. 
96. 
97. 
98. 
99. **</****script****>**
100. 
101. **</****head****>**
102. **<****body****>**
103. **<****table** border="1"**>**
104. **<****input** type="button" value="新增表格" id="add"**>**
105. **<****input** type="button" value="删除表格" id="del"**>**
106. **<****thead****>**
107. **<****tr****>**
108. **<****th** colspan="4"**>**编辑表格**</****th****>**
109. **</****tr****>**
110. **</****thead****>**
111. 
112. **<****tr****>**
113. **<****th****>****<****input** type="checkbox" id="cha"**>****</****th****>**
114. **<****th****>**学号**</****th****>**
115. **<****th****>**姓名**</****th****>**
116. **<****th****>**操作**</****th****>**
117. **</****tr****>**
118. **<****tr****>**
119. **<****td****>****<****input** type="checkbox"**>****</****td****>**
120. **<****td****>**000001**</****td****>**
121. **<****td****>**张三**</****td****>**
122. **<****td** **>**
123. **<****input** type="button" value="编辑" **>**
124. **<****input** type="button" value="确定" **>**
125. **</****td****>**
126. **</****tr****>**
127. **<****tr****>**
128. **<****td****>****<****input** type="checkbox"**>****</****td****>**
129. **<****td****>**000002**</****td****>**
130. **<****td****>**李四**</****td****>**
131. **<****td****>**
132. **<****input** type="button" value="编辑" **>**
133. **<****input** type="button" value="确定" **>**
134. **</****td****>**
135. **</****tr****>**
136. **<****tr****>**
137. **<****td****>****<****input** type="checkbox"**>****</****td****>**
138. **<****td****>**000003**</****td****>**
139. **<****td****>**王五**</****td****>**
140. **<****td****>**
141. **<****input** type="button" value="编辑" **>**
142. **<****input** type="button" value="确定" **>**
143. **</****td****>**
144. **</****tr****>**
145. **<****tr****>**
146. **<****td****>** **<****input** type="checkbox"**>****</****td****>**
147. **<****td****>**000004**</****td****>**
148. **<****td****>**赵六**</****td****>**
149. **<****td****>**
150. **<****input** type="button" value="编辑" **>**
151. **<****input** type="button" value="确定" **>**
152. **</****td****>**
153. **</****tr****>**
154. 
155. **</****table****>**
156. **</****body****>**
157. **</****html****>**

2

![Center 1][]

\[html\] [view plain][] [copy][view plain]

1.  <!DOCTYPE html**>**
2.  **<****html** lang="en"**>**
3.  **<****head****>**
4.  **<****meta** charset="UTF-8"**>**
5.  **<****title****>**Title**</****title****>**
6.  **<****script** src="../js/jquery-1.4.2.min.js"**>****</****script****>**
7.  **<****style****>**
8.   table\{ 
9.   border: 1px solid black; 
10.  border-collapse: collapse; 
11.  width: 500px; 
12.  \} 
13.  table th \{ 
14.  border: 1px solid black; 
15.  width: 25%; 
16.  \} 
17.  table td \{ 
18.  align-items: center; 
19.  border: 1px solid black; 
20.  width: 25%; 
21.  \} 
22.  table th \{ 
23.  background-color: \#A3BAE9; 
24.  \} 
25. **</****style****>**
26. **<****script****>**
27.  //文档准备就绪 
28.  $(function () \{ 
29.  //设置 所有 td 居中 
30.  $('table td').attr("align","center"); 
31.  //标签+属性选择所有**<**编辑**>**按钮 
32.  $('input\[value="编辑"\]').click(function () \{ 
33.  //获取每一个**<**编辑**>**按钮的 下标（从0开始 所以需要+2 = 按钮在表格的所在行数） 
34.  var numId = $('input\[value="编辑"\]').index($(this))+2; 
35.  //选择表格中的所有tr 通过eq方法取得当前tr 
36.  var ttr = $('table tr').eq(numId); 
37.  /\*当前行使用find方法找到每一个td列 
38.  each方法为每一个td设置function 
39.  \*/ 
40.  ttr.find("td").each(function () \{ 
41.  /\*过滤 td中的元素 
42.  checkbox 、 button、text 不需要执行append 
43.  注意 return 为 跳出当前 each 
44.  return false 为 跳出整个 each 
45.  \*/ 
46.  if($(this).children("input\[type='checkbox'\]").length**>**0)\{ 
47.  return ; 
48.  \} 
49.  if($(this).children("input\[type='button'\]").length**>**0)\{ 
50.  return ; 
51.  \} 
52.  if($(this).children("input\[type='text'\]").length**>**0)\{ 
53.  return ; 
54.  \} 
55. 
56.  var tdText = $(this).html(); 
57.  $(this).html(""); 
58.  var inputObj = $("**<****input** type='text'**>**"); 
59.  inputObj.appendTo($(this)); 
60.  inputObj.css("width","95%"); 
61.  inputObj.val(tdText); 
62.  \}); 
63.  \}); 
64.  //为每一个确定按钮设置点击事件 
65.  $('input\[value="确定"\]').click(function () \{ 
66.  /\*通过parents方法获取**<**确定**>**按钮的父容器tr 
67.  再为 tr中的每一个text设置function 
68.  \*/ 
69.  var ttr=$(this).parents("tr"); 
70.  ttr.find('input\[type="text"\]').each(function () \{ 
71.  var inputVal = $(this).val(); 
72.  $(this).parents('td').html(inputVal); 
73.  \}) 
74.  \}); 
75.  //全选/反选 
76.  $('\#cha').click(function () \{ 
77.  //判断checkbox是否选中 
78.  if($(this).is(':checked'))\{ 
79.  $('input\[type="checkbox"\]').attr("checked","true"); 
80.  \}else\{ 
81.  $('input\[type="checkbox"\]').removeAttr("checked"); 
82.  \} 
83.  \}) 
84.  //增加一行 
85.  $('\#add').click(function () \{ 
86.  $('table tr').eq(2).clone(true).appendTo("table"); 
87.  \}) 
88. //删除最后一行 
89.  $('\#del').click(function () \{ 
90.  $('tr:last').remove() 
91. // $('table tr').eq(2).remove(); 
92.  \}) 
93.  \}) 
94. 
95. 
96. 
97. 
98. 
99. **</****script****>**
100. 
101. **</****head****>**
102. **<****body****>**
103. **<****table** border="1"**>**
104. **<****input** type="button" value="新增表格" id="add"**>**
105. **<****input** type="button" value="删除表格" id="del"**>**
106. **<****thead****>**
107. **<****tr****>**
108. **<****th** colspan="4"**>**编辑表格**</****th****>**
109. **</****tr****>**
110. **</****thead****>**
111. 
112. **<****tr****>**
113. **<****th****>****<****input** type="checkbox" id="cha"**>****</****th****>**
114. **<****th****>**学号**</****th****>**
115. **<****th****>**姓名**</****th****>**
116. **<****th****>**操作**</****th****>**
117. **</****tr****>**
118. **<****tr****>**
119. **<****td****>****<****input** type="checkbox"**>****</****td****>**
120. **<****td****>**000001**</****td****>**
121. **<****td****>**张三**</****td****>**
122. **<****td** **>**
123. **<****input** type="button" value="编辑" **>**
124. **<****input** type="button" value="确定" **>**
125. **</****td****>**
126. **</****tr****>**
127. **<****tr****>**
128. **<****td****>****<****input** type="checkbox"**>****</****td****>**
129. **<****td****>**000002**</****td****>**
130. **<****td****>**李四**</****td****>**
131. **<****td****>**
132. **<****input** type="button" value="编辑" **>**
133. **<****input** type="button" value="确定" **>**
134. **</****td****>**
135. **</****tr****>**
136. **<****tr****>**
137. **<****td****>****<****input** type="checkbox"**>****</****td****>**
138. **<****td****>**000003**</****td****>**
139. **<****td****>**王五**</****td****>**
140. **<****td****>**
141. **<****input** type="button" value="编辑" **>**
142. **<****input** type="button" value="确定" **>**
143. **</****td****>**
144. **</****tr****>**
145. **<****tr****>**
146. **<****td****>** **<****input** type="checkbox"**>****</****td****>**
147. **<****td****>**000004**</****td****>**
148. **<****td****>**赵六**</****td****>**
149. **<****td****>**
150. **<****input** type="button" value="编辑" **>**
151. **<****input** type="button" value="确定" **>**
152. **</****td****>**
153. **</****tr****>**
154. 
155. **</****table****>**
156. **</****body****>**
157. **</****html****>**

[Center]: /images/20220605/9e343890976d4567947b5721a6d07e41.png
[view plain]: http://blog.csdn.net/zhangyufeng0126/article/details/52832887?locationNum=9&fps=1#
[SouthEast]: /images/20220605/24742ea630344c47a675e94a716fdfb4.png
[SouthEast 1]: /images/20220605/b772156de3844016a98df5c8b6106bfb.png
[SouthEast 2]: /images/20220605/d8a6608be5c8453d922e6286868ed91b.png
[SouthEast 3]: https://img-blog.csdn.net/20161016210747872?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 4]: /images/20220605/bf8b39df2e4b4b2ea8dc4ddba65d1326.png
[SouthEast 5]: /images/20220605/26377ec3a3044e78ac897af09046fa29.png
[Center 1]: /images/20220605/f9e2694b366c482bb8034579eabb04f8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关如何处理前端动画和过渡效果？

聚沙成塔·每天进步一点点 ⭐ 专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感

谁践踏了优雅/ 2024年02月23日 08:26/ 0 赞/ 9 阅读

相关 JavaScript学习笔记（二十）DOM动画效果

function move( ele , attr , target)\{ // 1. 关闭开启定时器; clearInterval( ele.timer ); e

喜欢ヅ旅行/ 2023年10月06日 15:52/ 0 赞/ 22 阅读

相关学习笔记 JavaScript 动画

[ 学习笔记 JavaScript

偏执的太偏执、/ 2023年02月10日 01:20/ 0 赞/ 62 阅读

相关用Python处理Excel表格学习笔记（2021版）

文章目录前言一. openpyxl模块安装方法一方法二二. 表格的创建三. 遍历excel数据

一时失言乱红尘/ 2022年09月01日 08:54/ 0 赞/ 282 阅读

相关 HTML——jquery学习笔记+实例+动画效果+表格处理

HTML——jquery学习笔记+实例 $("img").hover(function () { alert("鼠标移动到图片上");

深藏阁楼爱情的钟/ 2022年06月05日 04:48/ 0 赞/ 171 阅读

相关核心动画学习笔记

1、核心动画框架 ![page7image5800][] CAScrollLayer 是 CALayer 的子类,简化显示图层的一部分内

待我称王封你为后i/ 2022年05月25日 13:41/ 0 赞/ 203 阅读

相关 Vue2.5 学习笔记 9.7 动画效果

这节教程的实现：将上次那个detail/banner.vue的图片预览与取消预览的动作做动画效果过渡。 1. 新建fadeanimation组件，有可能别的组件也会用到所

短命女/ 2022年04月24日 00:50/ 0 赞/ 171 阅读

相关具有动画变化效果的数字处理

实现效果 ![在这里插入图片描述][20181119112806200.gif] 代码实现 1、定义类，继承UILabel import <UIKit/UI

约定不等于承诺〃/ 2022年04月16日 07:15/ 0 赞/ 173 阅读

相关 jQuery笔记（三）动画效果

动画效果 1、显示与隐藏 ①show() - 显示无参版本 - 不具有动画效果 ②show(speed,callback)有参版本 - 具有

约定不等于承诺〃/ 2022年04月13日 05:29/ 0 赞/ 274 阅读

相关 jQuery动画效果——点赞动画效果

任务描述本关任务：掌握jQuery常见的动画效果——自定义动画。实现的效果如下： ![206510][] 相关知识为了完成本关任务，你需要掌握：1.平移动画，

清疚/ 2022年04月05日 13:44/ 0 赞/ 442 阅读