From 6209982d97aa6fdcb9b1a7e6348ee42012077ff7 Mon Sep 17 00:00:00 2001 From: wen <1515> Date: Thu, 24 Nov 2022 13:27:24 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=8C=E5=A2=9E=E5=8A=A0?= =?UTF-8?q?=E9=9F=B3=E4=B9=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- imgthemes1/css/index.css | 20 ++++++++++++++++++-- imgthemes1/images/contactUs.svg | 2 ++ imgthemes1/images/music.svg | 2 ++ imgthemes1/index.html | 19 ++++++++++++++++--- imgthemes1/js/index.js | 23 +++++++++++++++++++++++ 5 files changed, 61 insertions(+), 5 deletions(-) create mode 100644 imgthemes1/images/contactUs.svg create mode 100644 imgthemes1/images/music.svg diff --git a/imgthemes1/css/index.css b/imgthemes1/css/index.css index 91a3d44..2b079bf 100644 --- a/imgthemes1/css/index.css +++ b/imgthemes1/css/index.css @@ -67,11 +67,15 @@ a:link{text-decoration:none;} .web_info a{text-decoration: underline;color:#808080;} .web_info a:hover{color:#000;} -.btrt_side{position:fixed;bottom:46px;right:16px;transition:all 0.5s ease;} +.btrt_side{position:fixed;bottom:48px;right:16px;transition:all 0.5s ease;} .btrt_side_ul li{margin-top:4px;color:#878686;cursor:pointer;width:38px;height: 38px;line-height:38px;border-radius:50%;text-align:center;background-color:#f5f5f5;} .btrt_side_ul li:hover{background:rgba(209, 209, 209, 1);color:#3e3d3d;} .scroll_top{display:none;} -.btrt_side_ul li .svg{width:18px;cursor:pointer;} +.btrt_side_ul .svg{width:18px;cursor:pointer;} +.btrt_side_ul .icon3{width:26px;} + +/* 音乐相关 */ +.music_put{animation:musicTurn 3s linear infinite;} .blank_cover{transition: all 0.5s ease;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .7);opacity:0;z-index: 1099} .right_sidebox{padding:15px 10px 15px 18px;opacity:0;transform:translateX(101%);background-color:#FFF;position:fixed;right:0;top:0;bottom:0;color:#333;width:396px;overflow-y:auto;max-width:100%;z-index:1100;} @@ -85,12 +89,16 @@ a:link{text-decoration:none;} .page_meta{padding:10px 0 0 0;} .page_meta .breadcrumb{background:none;display: inline-block;padding:8px 0 8px 0;margin:0;} +.breadcrumbs{padding-left:1.5em;padding-bottom:10px} +.breadcrumbs small{font-size:13px;} /* 主题切换 */ .lampshow .web_info{border-color:#363636;} .lampshow .btrt_side_ul li{background-color:#181818;} .lampshow .right_sidebox{background-color:#222;color:#FFF;} .lampshow .right_sidebox>h5{border-color: #363636;} +.lampshow .text_dark{color:#808080;} +.lampshow .text_dark a{color:#f4f7fd;} @media screen and (max-width: 1199px) { .im_item { @@ -110,7 +118,15 @@ a:link{text-decoration:none;} } } +@keyframes musicTurn { + 0% { + -webkit-transform: rotate(0deg) + } + 100% { + -webkit-transform: rotate(360deg) + } +} @keyframes bounceInRight { 0%, 60%, diff --git a/imgthemes1/images/contactUs.svg b/imgthemes1/images/contactUs.svg new file mode 100644 index 0000000..446a40e --- /dev/null +++ b/imgthemes1/images/contactUs.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/imgthemes1/images/music.svg b/imgthemes1/images/music.svg new file mode 100644 index 0000000..119a207 --- /dev/null +++ b/imgthemes1/images/music.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/imgthemes1/index.html b/imgthemes1/index.html index dd436cd..a7d5bcc 100644 --- a/imgthemes1/index.html +++ b/imgthemes1/index.html @@ -18,6 +18,7 @@
+
+
- +
我爱你放松放松
性感女神易阳 @@ -207,11 +210,21 @@
  • 回到顶部
    • +
  • + 音乐 +
  • - 联系我们 + 联系我们
    • + + +
    diff --git a/imgthemes1/js/index.js b/imgthemes1/js/index.js index 7d54265..57749a8 100644 --- a/imgthemes1/js/index.js +++ b/imgthemes1/js/index.js @@ -74,4 +74,27 @@ if ($('#image_site').get(0)) { return; }); + + // 音乐播放 + var musicState = 0; + $('#music_main').get(0).volume = 0.5; // 控制音量 + $('.musicJS').click(function () { + if (musicState == 0) { + $('#music_main').get(0).play(); + $('.musicJS').addClass('music_put'); + musicState = 1; + } else { + $('#music_main').get(0).pause(); + $('.musicJS').removeClass('music_put'); + musicState = 0; + } + return; + }) + + $(document).one('touchstart mousedown', function () { + $('#music_main').get(0).play(); + $('.musicJS').addClass('music_put'); + musicState = 1; + }); + }