diff --git a/docs/notes/pics/21550397584141.gif b/docs/notes/pics/21550397584141.gif
new file mode 100644
index 0000000000000000000000000000000000000000..df5c1792b0ad2fcf33e6657b36a5d9a833e1e2da
Binary files /dev/null and b/docs/notes/pics/21550397584141.gif differ
diff --git a/docs/notes/pics/31550398353573.gif b/docs/notes/pics/31550398353573.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f9008efe79c975c11778c185cc24713f9e5f7519
Binary files /dev/null and b/docs/notes/pics/31550398353573.gif differ
diff --git a/docs/notes/pics/51550399426594.gif b/docs/notes/pics/51550399426594.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e9317913438fb5221f073996fbd0666d3fb1926
Binary files /dev/null and b/docs/notes/pics/51550399426594.gif differ
diff --git a/docs/notes/pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg b/docs/notes/pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dda05f945bc4875f1610f49d9641ae8c8ed02633
Binary files /dev/null and b/docs/notes/pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg differ
diff --git "a/docs/notes/\346\225\260\346\215\256\345\272\223\347\263\273\347\273\237\345\216\237\347\220\206.md" "b/docs/notes/\346\225\260\346\215\256\345\272\223\347\263\273\347\273\237\345\216\237\347\220\206.md"
index 2c829837806fae1d710e9a15e901bffee73c77b4..c6f5437ef641e8ee68360538f1f5df5d935c5a66 100644
--- "a/docs/notes/\346\225\260\346\215\256\345\272\223\347\263\273\347\273\237\345\216\237\347\220\206.md"
+++ "b/docs/notes/\346\225\260\346\215\256\345\272\223\347\263\273\347\273\237\345\216\237\347\220\206.md"
@@ -48,7 +48,7 @@
 
 事务指的是满足 ACID 特性的一组操作，可以通过 Commit 提交一个事务，也可以使用 Rollback 进行回滚。
 
-<div align="center"> <img src="pics/73846795-675b-496b-88b0-d44233fdcfba.jpg"/> </div><br>
+<div align="center"> <img src="pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg"/> </div><br>
 
 ## ACID
 
diff --git "a/docs/notes/\347\256\227\346\263\225.md" "b/docs/notes/\347\256\227\346\263\225.md"
index 76d66724b5d118af55cdd2b28f2c46dc92077917..6347f6085aa867ecd946e88ec26a464a47f1d125 100644
--- "a/docs/notes/\347\256\227\346\263\225.md"
+++ "b/docs/notes/\347\256\227\346\263\225.md"
@@ -294,7 +294,7 @@ public abstract class Sort<T extends Comparable<T>> {
 
 选择排序需要 \~N<sup>2</sup>/2 次比较和 \~N 次交换，它的运行时间与输入无关，这个特点使得它对一个已经排序的数组也需要这么多的比较和交换操作。
 
-<div align="center"> <img src="pics/37e79a32-95a9-4503-bdb1-159527e628b8.png" width="250"/> </div><br>
+<div align="center"> <img src="pics/21550397584141.gif"/> </div><br>
 
 ```java
 public class Selection<T extends Comparable<T>> extends Sort<T> {
@@ -321,9 +321,7 @@ public class Selection<T extends Comparable<T>> extends Sort<T> {
 
 在一轮循环中，如果没有发生交换，就说明数组已经是有序的，此时可以直接退出。
 
-以下演示了在一轮循环中，将最大的元素 5 上浮到最右侧。
-
-<div align="center"> <img src="pics/1a2f2998-d0da-41c8-8222-1fd95083a66b.png" width="250"/> </div><br>
+<div align="center"> <img src="pics/31550398353573.gif"/> </div><br>
 
 ```java
 public class Bubble<T extends Comparable<T>> extends Sort<T> {
@@ -359,7 +357,7 @@ public class Bubble<T extends Comparable<T>> extends Sort<T> {
 
 以下演示了在一轮循环中，将元素 2 插入到左侧已经排序的数组中。
 
-<div align="center"> <img src="pics/2a8e1442-2381-4439-a83f-0312c8678b1f.png" width="250"/> </div><br>
+<div align="center"> <img src="pics/51550399426594.gif"/> </div><br>
 
 ```java
 public class Insertion<T extends Comparable<T>> extends Sort<T> {
diff --git a/docs/pics/21550397584141.gif b/docs/pics/21550397584141.gif
new file mode 100644
index 0000000000000000000000000000000000000000..df5c1792b0ad2fcf33e6657b36a5d9a833e1e2da
Binary files /dev/null and b/docs/pics/21550397584141.gif differ
diff --git a/docs/pics/31550398353573.gif b/docs/pics/31550398353573.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f9008efe79c975c11778c185cc24713f9e5f7519
Binary files /dev/null and b/docs/pics/31550398353573.gif differ
diff --git a/docs/pics/51550399426594.gif b/docs/pics/51550399426594.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e9317913438fb5221f073996fbd0666d3fb1926
Binary files /dev/null and b/docs/pics/51550399426594.gif differ
diff --git a/docs/pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg b/docs/pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dda05f945bc4875f1610f49d9641ae8c8ed02633
Binary files /dev/null and b/docs/pics/731a5e8f-a2c2-43ff-b8dd-6aeb9fffbe26.jpg differ