diff --git "a/\345\274\240\350\257\227\345\222\217/2112010-css\344\275\234\344\270\232-\345\274\200\345\205\263/1.html" "b/\345\274\240\350\257\227\345\222\217/2112010-css\344\275\234\344\270\232-\345\274\200\345\205\263/1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0e05a74795267261e46627e59765a2deebe0b5ce
--- /dev/null
+++ "b/\345\274\240\350\257\227\345\222\217/2112010-css\344\275\234\344\270\232-\345\274\200\345\205\263/1.html"
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/1.html" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1e9c3206af9cf1d6310d5da9692032c7132f855e
--- /dev/null
+++ "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/1.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+

+

+
+
+
+
+
点击屏幕
开启好运2022
+
+
软工学院新年特献
+
+
+
+
+
\ No newline at end of file
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/audio/happynewyear.mp3" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/audio/happynewyear.mp3"
new file mode 100644
index 0000000000000000000000000000000000000000..87d1b9217291a6bb28cd7ce37b6e7a083114150e
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/audio/happynewyear.mp3" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/music_disc.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/music_disc.png"
new file mode 100644
index 0000000000000000000000000000000000000000..5716f4fc65d8ef58399d5f9fd87254b7f7972f30
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/music_disc.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/music_pointer.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/music_pointer.png"
new file mode 100644
index 0000000000000000000000000000000000000000..3b148617f0036813e52ee2a202bc15a23429e457
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/music_pointer.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_bg.jpg" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_bg.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..316710c14ab68405e840d2eb05f2501347cfa2a4
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_bg.jpg" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_imooc.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_imooc.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d12211656f27f5b290478f995bb394c526227db7
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_imooc.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_lantern.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_lantern.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2b63c2a52de3e18808f498e4148b3dbcd814dcda
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_lantern.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_minxi.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_minxi.png"
new file mode 100644
index 0000000000000000000000000000000000000000..43f28a59c910f2afc5808dc61e6f7ef44dc6a7a4
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p1_minxi.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_2016.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_2016.png"
new file mode 100644
index 0000000000000000000000000000000000000000..a6d88a829e76d3d5e8e0d8d85a7f6164a1b6b2d7
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_2016.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_2022.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_2022.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ecf7f086e9d2f6c658ae55c5eb80099c7027c099
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_2022.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_bg.jpg" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_bg.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..1e7392b1712f0f92a43e0f951a5bd96f14303322
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_bg.jpg" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_inner.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_inner.png"
new file mode 100644
index 0000000000000000000000000000000000000000..7ce8cb402ecb33b597468a4301ee865e3101df15
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_inner.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_middle.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_middle.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c1623989a0f141d300791976b5b11694ebe6365c
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_middle.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_outer.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_outer.png"
new file mode 100644
index 0000000000000000000000000000000000000000..7499558bda43507716f3d9833afd03884f7e353a
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p2_circle_outer.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_bg.jpg" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_bg.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e1a33ded969a5b654e1c5cb85462227c63b1f876
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_bg.jpg" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_blessing.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_blessing.png"
new file mode 100644
index 0000000000000000000000000000000000000000..44ce9967834e0862cff4ee83dc20313fdf904782
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_blessing.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_couplet_first.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_couplet_first.png"
new file mode 100644
index 0000000000000000000000000000000000000000..165db8c8ba1a6528227f7ac3ce7971417da23745
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_couplet_first.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_couplet_second.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_couplet_second.png"
new file mode 100644
index 0000000000000000000000000000000000000000..fdc1815d4349ee797792f2dcac19591b802bda9e
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_couplet_second.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_logo.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_logo.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8391ca83706cc3bb1ed76f18df9efd26fd61c01f
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_logo.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_title.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_title.png"
new file mode 100644
index 0000000000000000000000000000000000000000..571933318cdadab50b392c5a8f3d6fa934cd7c24
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_title.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_title2.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_title2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..10fae7fdf5ccc6357dd8e90b1e6c1b8f4daec5dd
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/p3_title2.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/title.psd" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/title.psd"
new file mode 100644
index 0000000000000000000000000000000000000000..522229feb30b25d0828f9fa940e431549aaa60eb
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/title.psd" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/\345\276\256\344\277\241\346\210\252\345\233\276_20211201173950.png" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/\345\276\256\344\277\241\346\210\252\345\233\276_20211201173950.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4b62575cc736d45955da15c2deca88001caf65f7
Binary files /dev/null and "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/images/\345\276\256\344\277\241\346\210\252\345\233\276_20211201173950.png" differ
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/index.js" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..aaaed439a893bcfe1d4d165c2acdaf6304bbad62
--- /dev/null
+++ "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/index.js"
@@ -0,0 +1,44 @@
+window.addEventListener('DOMContentLoaded', function() {
+ let music = document.getElementById('music');
+ let audio = document.querySelector('audio');
+
+ let page1 = document.getElementById('page1');
+ let page2 = document.getElementById('page2');
+ let page3 = document.getElementById('page3');
+ // 兼容谷歌浏览器不能自动播放的问题
+ if (audio.paused) {
+ music.style.animationPlayState = 'paused';
+ } else {
+ music.style.animationPlayState = 'running';
+ }
+ // 点击音乐图标,控制音乐播放器效果
+ music.addEventListener('touchstart', function() {
+ if (audio.paused) {
+ audio.play()
+ // 当音乐停止后,会将play这个类移除掉,所以当音乐再次点击播放时,需要将这个类加上。
+ music.classList.add('play');
+ music.style.animationPlayState = 'running';
+ } else {
+ audio.pause()
+ music.style.animationPlayState = 'paused';
+ }
+ })
+ // 当音乐播放结束后,自动停止光盘旋转效果
+ audio.addEventListener('ended', function() {
+ music.classList.remove('play');
+ });
+
+ // 显示翻页效果
+ page1.addEventListener('touchstart', function() {
+ page1.style.display = 'none';
+ page2.style.display = 'block';
+ page3.style.display = 'block';
+ page3.style.top = '100%';
+
+ // 设置计时器,当第二个页面动画运行结束后,直接跳转到第三个页面
+ setTimeout(() => {
+ page2.classList.add('fade-out');
+ page3.classList.add('fade-in')
+ }, 5500);
+ })
+ })
\ No newline at end of file
diff --git "a/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/jquery-3.6.0.js" "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/jquery-3.6.0.js"
new file mode 100644
index 0000000000000000000000000000000000000000..fc6c299b73e792ef288e785c22393a5df9dded4b
--- /dev/null
+++ "b/\345\274\240\350\257\227\345\222\217/211208-css\344\275\234\344\270\232-css\350\264\272\345\215\241/jquery-3.6.0.js"
@@ -0,0 +1,10881 @@
+/*!
+ * jQuery JavaScript Library v3.6.0
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2021-03-02T17:08Z
+ */
+( function( global, factory ) {
+
+ "use strict";
+
+ if ( typeof module === "object" && typeof module.exports === "object" ) {
+
+ // For CommonJS and CommonJS-like environments where a proper `window`
+ // is present, execute the factory and get jQuery.
+ // For environments that do not have a `window` with a `document`
+ // (such as Node.js), expose a factory as module.exports.
+ // This accentuates the need for the creation of a real `window`.
+ // e.g. var jQuery = require("jquery")(window);
+ // See ticket #14549 for more info.
+ module.exports = global.document ?
+ factory( global, true ) :
+ function( w ) {
+ if ( !w.document ) {
+ throw new Error( "jQuery requires a window with a document" );
+ }
+ return factory( w );
+ };
+ } else {
+ factory( global );
+ }
+
+// Pass this if window is not defined yet
+} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
+// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
+// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
+// enough that all such attempts are guarded in a try block.
+"use strict";
+
+var arr = [];
+
+var getProto = Object.getPrototypeOf;
+
+var slice = arr.slice;
+
+var flat = arr.flat ? function( array ) {
+ return arr.flat.call( array );
+} : function( array ) {
+ return arr.concat.apply( [], array );
+};
+
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var fnToString = hasOwn.toString;
+
+var ObjectFunctionString = fnToString.call( Object );
+
+var support = {};
+
+var isFunction = function isFunction( obj ) {
+
+ // Support: Chrome <=57, Firefox <=52
+ // In some browsers, typeof returns "function" for HTML