wen
2 years ago
22 changed files with 355 additions and 0 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,75 @@
@@ -0,0 +1,75 @@
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;font-size:14px;} |
||||
.clearfix{zoom:1;} |
||||
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;} |
||||
body{position:relative;font-family: 微軟正黑體; |
||||
word-break: break-all; |
||||
word-wrap: break-word;background-color:#FFF;font-size:14px;line-height:1.428571429;} |
||||
ul,li{list-style:none;margin:0;padding:0;} |
||||
img,span{display:inline-block;max-width:100%;} |
||||
a{color:#464c5c;} |
||||
|
||||
.img-responsive{max-width:100%;display:block;} |
||||
.elementBlock{display:block !important;} |
||||
.elementNone{display:none !important;} |
||||
.elementhidden{visibility:hidden !important;} |
||||
.verMiddle{vertical-align:middle !important;} |
||||
.vercenter{text-align:center !important;} |
||||
.verbold{font-weight:bold !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;} |
||||
|
||||
.main_style{padding-top:64px;} |
||||
.navbar-default { |
||||
background-color:#FFF; |
||||
} |
||||
|
||||
.navbar-default .navbar-brand { |
||||
font-family: Brush Script MT; |
||||
font-weight: normal; |
||||
color:#b1afaf; |
||||
font-size: 21px; |
||||
line-height: 21px; |
||||
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;} |
||||
|
||||
.im_mainl{margin:0 10px 12px 10px;} |
||||
.bor_radius{border-radius:10px;} |
||||
.im_img{transform:scale(1);transition:all 0.5s ease;object-fit:cover;display:block;width:100%;height:100%;} |
||||
.im_img:hover{transform:scale(1.03);} |
||||
.im_item{padding:5px;height:16vw;overflow:hidden;} |
||||
.im_item>a{overflow: hidden;display:block;position:relative;width: 100%;height: 100%;} |
||||
.im_img_title{background:rgba(7, 7, 7, .3);position:absolute;left:0;right:0;bottom:0;top:0;color:#FFF;border-radius:10px;} |
||||
.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 p{color:#808080;font-size:13px;margin:5px 0;} |
||||
.web_info a{color:#808080;} |
||||
.web_info a:hover{text-decoration:underline;color:#000;} |
||||
|
||||
@media screen and (max-width: 1199px) { |
||||
.im_item { |
||||
height: 23vw; |
||||
} |
||||
} |
||||
|
||||
@media screen and (max-width: 991px) { |
||||
.im_item { |
||||
height: 32vw; |
||||
} |
||||
} |
||||
|
||||
@media screen and (max-width: 767px) { |
||||
.im_item { |
||||
height: 45vw; |
||||
} |
||||
} |
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 641 KiB |
|
After Width: | Height: | Size: 326 KiB |
|
After Width: | Height: | Size: 320 KiB |
|
After Width: | Height: | Size: 346 KiB |
|
After Width: | Height: | Size: 697 KiB |
|
After Width: | Height: | Size: 667 KiB |
|
After Width: | Height: | Size: 639 KiB |
|
After Width: | Height: | Size: 621 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
@ -0,0 +1,183 @@
@@ -0,0 +1,183 @@
|
||||
<!-- The author Tan --> |
||||
<!DocType html> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||
<meta name="referrer" content="default"> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
||||
<meta name="renderer" content="webkit"> |
||||
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||
<link rel="icon" href="images/jialuoma.ico"> |
||||
<title>图片站</title> |
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" type="text/css" href="css/index.css?a=58869"> |
||||
</head> |
||||
<body> |
||||
|
||||
<div id="image_site" class="main_style"> |
||||
<nav class="navbar navbar-default navbar-fixed-top"> |
||||
<div class="container-fluid"> |
||||
<!-- Brand and toggle get grouped for better mobile display --> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" |
||||
data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
||||
<span class="sr-only">Toggle navigation</span> |
||||
<svg class="icon1" style="width:2em;height:2em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3539"><path d="M384 160H192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64V224a64 64 0 0 0-64-64z m448 0h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64V224a64 64 0 0 0-64-64zM384 608H192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64z m448 0h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64h192a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64z" fill="#231F20" p-id="3540"></path></svg> |
||||
</button> |
||||
<a class="navbar-brand" href="/">FileSite图片站</a> |
||||
</div> |
||||
<!-- Collect the nav links, forms, and other content for toggling --> |
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
||||
<ul class="nav navbar-nav"> |
||||
<li class="active"><a href="#">大学校花</a></li> |
||||
<li><a href="#">大学校花</a></li> |
||||
<li><a href="#">大学校花</a></li> |
||||
|
||||
<li><a href="#">大学校花</a></li> |
||||
|
||||
|
||||
</ul> |
||||
<form class="navbar-form navbar-left"> |
||||
<div class="form-group"> |
||||
<input type="text" class="form-control" placeholder="Search"> |
||||
</div> |
||||
<button type="submit" class="btn btn-default">Submit</button> |
||||
</form> |
||||
<!-- <ul class="nav navbar-nav navbar-right"> |
||||
<li class="dropdown"> |
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" |
||||
aria-expanded="false">Dropdown <span class="caret"></span></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="#">Action</a></li> |
||||
<li><a href="#">Another action</a></li> |
||||
<li><a href="#">Something else here</a></li> |
||||
<li role="separator" class="divider"></li> |
||||
<li><a href="#">Separated link</a></li> |
||||
</ul> |
||||
</li> |
||||
</ul> --> |
||||
</div><!-- /.navbar-collapse --> |
||||
</div><!-- /.container-fluid --> |
||||
</nav> |
||||
|
||||
<div class="img_main"> |
||||
<div class="im_mainl row"> |
||||
|
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a class="bor_radius" href="" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/img6.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
<div class="im_img_title"> |
||||
<span>性感女神易阳</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a class="bor_radius" href="" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/img6.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
<div class="im_img_title"> |
||||
<span>性感女神易阳</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a class="bor_radius" href="" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/img6.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
<div class="im_img_title"> |
||||
<span>性感女神易阳</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" data-src="https://www.xxfoo.com/images/2021/06/12/20180916203805_76367.jpg" data-caption="韩国美女车模申海莉生活照写真笑容迷人 [11]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" data-original="https://www.xxfoo.com/images/2021/06/12/20180916203805_76367.jpg" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" |
||||
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" |
||||
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" |
||||
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560" |
||||
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" |
||||
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" |
||||
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" |
||||
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560" |
||||
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" |
||||
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" |
||||
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" |
||||
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_17.jpeg?ver=1667389665" |
||||
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" |
||||
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" |
||||
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" |
||||
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_15.jpg?ver=1667389901" |
||||
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" |
||||
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" |
||||
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" |
||||
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_11.jpeg?ver=1667389599" |
||||
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
<div class="im_item bor_radius col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a data-fancybox="gallery" |
||||
data-src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" |
||||
data-caption="韩国美女车模申海莉生活照写真笑容迷人 [12]" class="bor_radius" href="javascript:;" title="美女"> |
||||
<img class="bor_radius im_img lazy" src="images/lazy.svg" |
||||
data-original="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_09.jpeg?ver=1667389560" |
||||
alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
</a> |
||||
</div> |
||||
|
||||
<!-- <div class="im_item col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a href="" title="美女"> |
||||
<img class="im_img lazy" src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_01.jpeg?ver=1667389576" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
|
||||
</a> |
||||
</div> |
||||
<div class="im_item col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
||||
<a href="" title="美女"> |
||||
<img class="im_img lazy" src="https://demo.jialuoma.com/girls/%E5%8F%A4%E6%9D%91/gucun_07..jpg?ver=1667389910" alt="性感女神易阳ELLY魔鬼身材人间胸器大尺度三亚旅拍" /> |
||||
|
||||
</a> |
||||
</div> --> |
||||
</div> |
||||
</div> |
||||
<div class="web_info vercenter"> |
||||
<p><span>©</span><a href="https://filesite.io/">FileSite.io</a></p> |
||||
<p><span>FileSite图片网站订制联系：</span><a href="https://filesite.io/">FileSite.io</a></p> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> |
||||
<script type="text/javascript" src="js/bootstrap.min.js"></script> |
||||
<script type="text/javascript" src="js/lazyload.js"></script> |
||||
<script type="text/javascript" src="js/jquery.fancybox.min.js"></script> |
||||
<script type="text/javascript" src="js/index.js?a=66886"></script> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,26 @@
@@ -0,0 +1,26 @@
|
||||
/* |
||||
******The author |
||||
|
||||
******Tan |
||||
*/ |
||||
|
||||
|
||||
if ($('#image_site').get(0)) { |
||||
|
||||
// 图片浏览
|
||||
$('[data-fancybox]').fancybox({ |
||||
toolbar: true, |
||||
loop: false, |
||||
smallBtn: false, |
||||
buttons: ["zoom", "slideShow", "fullScreen", "download", "thumbs", "close"], |
||||
iframe: { |
||||
preload: false |
||||
} |
||||
}) |
||||
|
||||
// 图片懒加载
|
||||
$("img.lazy").lazyload({ |
||||
effect: "fadeIn", |
||||
event: "scroll" |
||||
}); |
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,15 @@
@@ -0,0 +1,15 @@
|
||||
(function($,window,document,undefined){var $window=$(window);$.fn.lazyload=function(options){var elements=this;var $container;var settings={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:window,data_attribute:"original",skip_invisible:true,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};function update(){var counter=0;elements.each(function(){var $this=$(this);if(settings.skip_invisible&&!$this.is(":visible")){return;} |
||||
if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$this.trigger("appear");counter=0;}else{if(++counter>settings.failure_limit){return false;}}});} |
||||
if(options){if(undefined!==options.failurelimit){options.failure_limit=options.failurelimit;delete options.failurelimit;} |
||||
if(undefined!==options.effectspeed){options.effect_speed=options.effectspeed;delete options.effectspeed;} |
||||
$.extend(settings,options);} |
||||
$container=(settings.container===undefined||settings.container===window)?$window:$(settings.container);if(0===settings.event.indexOf("scroll")){$container.bind(settings.event,function(){return update();});} |
||||
this.each(function(){var self=this;var $self=$(self);self.loaded=false;if($self.attr("src")===undefined||$self.attr("src")===false){if($self.is("img")){$self.attr("src",settings.placeholder);}} |
||||
$self.one("appear",function(){if(!this.loaded){if(settings.appear){var elements_left=elements.length;settings.appear.call(self,elements_left,settings);} |
||||
$("<img />").bind("load",function(){var original=$self.attr("data-"+settings.data_attribute);$self.hide();if($self.is("img")){$self.attr("src",original);}else{$self.css("background-image","url('"+original+"')");} |
||||
$self[settings.effect](settings.effect_speed);self.loaded=true;var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);if(settings.load){var elements_left=elements.length;settings.load.call(self,elements_left,settings);}}).attr("src",$self.attr("data-"+settings.data_attribute));}});if(0!==settings.event.indexOf("scroll")){$self.bind(settings.event,function(){if(!self.loaded){$self.trigger("appear");}});}});$window.bind("resize",function(){update();});if((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)){$window.bind("pageshow",function(event){if(event.originalEvent&&event.originalEvent.persisted){elements.each(function(){$(this).trigger("appear");});}});} |
||||
$(document).ready(function(){update();});return this;};$.belowthefold=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=(window.innerHeight?window.innerHeight:$window.height())+$window.scrollTop();}else{fold=$(settings.container).offset().top+$(settings.container).height();} |
||||
return fold<=$(element).offset().top-settings.threshold;};$.rightoffold=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.width()+$window.scrollLeft();}else{fold=$(settings.container).offset().left+$(settings.container).width();} |
||||
return fold<=$(element).offset().left-settings.threshold;};$.abovethetop=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.scrollTop();}else{fold=$(settings.container).offset().top;} |
||||
return fold>=$(element).offset().top+settings.threshold+$(element).height();};$.leftofbegin=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.scrollLeft();}else{fold=$(settings.container).offset().left;} |
||||
return fold>=$(element).offset().left+settings.threshold+$(element).width();};$.inviewport=function(element,settings){return!$.rightoffold(element,settings)&&!$.leftofbegin(element,settings)&&!$.belowthefold(element,settings)&&!$.abovethetop(element,settings);};$.extend($.expr[":"],{"below-the-fold":function(a){return $.belowthefold(a,{threshold:0});},"above-the-top":function(a){return!$.belowthefold(a,{threshold:0});},"right-of-screen":function(a){return $.rightoffold(a,{threshold:0});},"left-of-screen":function(a){return!$.rightoffold(a,{threshold:0});},"in-viewport":function(a){return $.inviewport(a,{threshold:0});},"above-the-fold":function(a){return!$.belowthefold(a,{threshold:0});},"right-of-fold":function(a){return $.rightoffold(a,{threshold:0});},"left-of-fold":function(a){return!$.rightoffold(a,{threshold:0});}});})(jQuery,window,document); |
||||
Loading…
Reference in new issue