diff --git a/imgthemes1/css/jquery.fancybox.min.css b/imgthemes1/css/fubox.min.css similarity index 100% rename from imgthemes1/css/jquery.fancybox.min.css rename to imgthemes1/css/fubox.min.css diff --git a/imgthemes1/css/index.css b/imgthemes1/css/index.css index 243468e..6b2fc46 100644 --- a/imgthemes1/css/index.css +++ b/imgthemes1/css/index.css @@ -15,31 +15,40 @@ a{color:#464c5c;} .verMiddle{vertical-align:middle !important;} .vercenter{text-align:center !important;} .verbold{font-weight:bold !important;} +.opacityshow{opacity:1 !important;} .qcmargin{margin:0 !important;} a:hover{text-decoration:none;} a:active{text-decoration:none;} a:visited{text-decoration:none;} a:link{text-decoration:none;} +.lampshow{background-color:#222} .main_style{padding-top:64px;} .navbar-default { background-color:#FFF; } - -.navbar-default .navbar-brand { +.navbar .navbar-brand { font-family: Brush Script MT; font-weight: normal; color:#b1afaf; font-size: 21px; line-height: 21px; + padding:0 14px 0 13px; + height:auto; + margin-top:10px; text-shadow:1px 1px 0 rgb(122 122 122), 1px 1px 5px rgb(183 183 183 / 80%); } -.navbar-default{} -.navbar-default .navbar-toggle{padding:0;border:none;margin-top:10px;} -.navbar-default .icon1:hover{background-color:#ddd;} -.navbar-default .navbar-toggle:focus, -.navbar-default .navbar-toggle:hover{background:none;} +.navbar .navbar-brand img{width:30px;display:inline-block;} +/* .navbar{box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .6);} */ +.navbar .navbar-toggle{padding:0;border:none;margin-top:10px;} +.navbar .mr_button{border:none;background:none;} +.navbar svg{cursor:pointer;color: #6c6c6c;} +.navbar svg:hover{color:#000;} +.navbar .navbar-toggle:focus, +.navbar .navbar-toggle:hover{background:none;} +.nb_right{padding:10px 2% 0 0;} +.nb_right .iconr2{margin:3px 0 0 10px;} .im_mainl{margin:0 10px 12px 10px;} .bor_radius{border-radius:10px;} @@ -51,10 +60,29 @@ a:link{text-decoration:none;} .im_item:hover .im_img{transform:scale(1.03);} .im_img_title span{position:absolute;bottom:10px;left:10px;margin-right:10px;font-weight:bold;padding:5px;border:solid 2px #FFF;border-radius:10px;} -.web_info{padding:21px 0 42px 0;} +.web_info{padding:10px 0 42px 0;margin-top:15px;border-top:solid 1px #f5f5f5;} .web_info p{color:#808080;font-size:13px;margin:5px 0;} -.web_info a{color:#808080;} -.web_info a:hover{text-decoration:underline;color:#000;} +.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_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;} + +.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;} +.right_sidebox>h5{display:flex;padding:15px 0 10px 0;border-bottom:solid 1px #e9e2e2;margin-bottom:20px;} +.right_sidebox>h5 span{font-size:20px;font-weight:bold;flex: 1;} +.right_sidebox .link{text-decoration: underline;color:#457fc1;} +.right_sidebox .sort1{font-size:16px;font-weight:bold;margin-top:10px;} +.right_sidebox p{margin:5px 0;} +.right_sidebox .codeimg{width:48%;} +.sideboxShow{animation:bounceInRight 0.5s ease forwards;} + +.page_meta{padding:10px 0 0 0;} +.page_meta .breadcrumb{background:none;display: inline-block;padding:8px 0 8px 0;margin:0;} @media screen and (max-width: 1199px) { .im_item { @@ -72,4 +100,44 @@ a:link{text-decoration:none;} .im_item { height: 45vw; } +} + + +@keyframes bounceInRight { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); + animation-timing-function: cubic-bezier(.215, .61, .355, 1) + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); + transform: translate3d(3000px, 0, 0) scaleX(3) + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); + transform: translate3d(-25px, 0, 0) scaleX(1) + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0) scaleX(.98); + transform: translate3d(10px, 0, 0) scaleX(.98) + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995); + transform: translate3d(-5px, 0, 0) scaleX(.995) + } + + to { + opacity: 1; + -webkit-transform: translateZ(0); + transform: translateZ(0) + } } \ No newline at end of file diff --git a/imgthemes1/detailed.html b/imgthemes1/detailed.html new file mode 100644 index 0000000..b2a2f03 --- /dev/null +++ b/imgthemes1/detailed.html @@ -0,0 +1,261 @@ + + + + + + + + + + + + + 图片站 + + + + + + +
+ + + +
+
+ +
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+
+ + 性感女神易阳 + +
+ + +
+
+ +
+

标题：美女董丽雅

+
+ 当前位置： +
    +
  1. Home
    2. +
  2. Library
    3. +
  3. Data
    4. +
+
+ +
+ + + + + +
+
+
+ 联系我们 + +
+

图片演示站

+
后台登入网址和账号，马上登入后台体验
+
+

网址：https://demo.jialuoma.cn/admin/

+

账号：filesite

+

密码：88888888

+
+

微信扫码加好友

+
微信二维码
+
+ + +
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/imgthemes1/images/machete_icon.png b/imgthemes1/images/machete_icon.png new file mode 100644 index 0000000..0b7371a Binary files /dev/null and b/imgthemes1/images/machete_icon.png differ diff --git a/imgthemes1/images/wx_jialuoma.jpeg b/imgthemes1/images/wx_jialuoma.jpeg new file mode 100644 index 0000000..c34a5ff Binary files /dev/null and b/imgthemes1/images/wx_jialuoma.jpeg differ diff --git a/imgthemes1/index.html b/imgthemes1/index.html index 1bc9ccb..74be65e 100644 --- a/imgthemes1/index.html +++ b/imgthemes1/index.html @@ -9,25 +9,54 @@ - + 图片站 - - + +
-
- +
- - 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + + 性感女神易阳
- 性感女神易阳 + 美女佟丽娅
- - 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + + 性感女神易阳
性感女神易阳
- - 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + + 性感女神易阳
性感女神易阳
- - 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + + 性感女神易阳 +
+ 性感女神易阳 +
- - 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + + 性感女神易阳
- - 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + + 性感女神易阳
+
+ data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560" + data-caption="韩国美女车模 [12]" class="bor_radius" href="javascript:;" title="美女"> 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + alt="性感女神易阳" />
+ data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_17.jpeg?ver=1667389665" + data-caption="韩国美女车模 [12]" class="bor_radius" href="javascript:;" title="美女"> 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + alt="性感女神易阳" />
+ data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_15.jpg?ver=1667389901" + data-caption="韩国美女车模 [12]" class="bor_radius" href="javascript:;" title="美女"> 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + alt="性感女神易阳" />
+ data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_11.jpeg?ver=1667389599" + data-caption="韩国美女车模 [12]" class="bor_radius" href="javascript:;" title="美女"> 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + alt="性感女神易阳" />
+ data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_17.jpeg?ver=1667389665" + data-caption="韩国美女车模 [12]" class="bor_radius" href="javascript:;" title="美女"> 性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍 + data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_17.jpeg?ver=1667389665" + alt="性感女神易阳" />
-
+ + + + + +
+
+
+ 联系我们 + +
+

图片演示站

+
后台登入网址和账号，马上登入后台体验
+
+

网址：https://demo.jialuoma.cn/admin/

+

账号：filesite

+

密码：88888888

+
+

微信扫码加好友

+
微信二维码
+
+ + +
+
- - + + \ No newline at end of file diff --git a/imgthemes1/js/jquery.fancybox.min.js b/imgthemes1/js/fubox.min.js similarity index 100% rename from imgthemes1/js/jquery.fancybox.min.js rename to imgthemes1/js/fubox.min.js diff --git a/imgthemes1/js/index.js b/imgthemes1/js/index.js index 7622cf5..beefef4 100644 --- a/imgthemes1/js/index.js +++ b/imgthemes1/js/index.js @@ -23,4 +23,54 @@ if ($('#image_site').get(0)) { effect: "fadeIn", event: "scroll" }); + + // 返回顶部 + var scrolltop = $('#image_site .scroll_topJS'); + $(window).scroll(function () { + if ($(this).scrollTop() > 100) { + scrolltop.fadeIn(); + } else { + scrolltop.fadeOut(); + } + }); + scrolltop.on('touchstart click', function () { + $('html, body').animate({ scrollTop: 0 }, 380); + return false; + }); + + $('#image_site .connectmeJS').click(function () { + $('#image_site .blank_coverJS, #image_site .right_sideboxJS').removeClass('elementNone'); + window.setTimeout(function () { + $('#image_site .blank_coverJS').addClass('opacityshow'); + $('#image_site .right_sideboxJS').addClass('sideboxShow'); + + }, 0); + + }); + + $('#image_site .rtcloseJS').click(function () { + $('#image_site .blank_coverJS').removeClass('opacityshow'); + $('#image_site .right_sideboxJS').removeClass('sideboxShow'); + window.setTimeout(function () { + $('#image_site .blank_coverJS, #image_site .right_sideboxJS').addClass('elementNone'); + + }, 500); + }); + + + // 白天黑夜模式切换 + var lanpnum = 0; + $('#image_site .lampJS').click(function () { + if (lanpnum == 0) { + $(document.body).addClass('lampshow'); + $('#image_site .navbarJS').removeClass('navbar-default').addClass('navbar-inverse'); + lanpnum = 1; + } else if (lanpnum == 1){ + $(document.body).removeClass('lampshow'); + $('#image_site .navbarJS').addClass('navbar-default').removeClass('navbar-inverse'); + lanpnum = 0; + } + + return; + }); }