@@ -0,0 +1,17 @@
|
||||
<?php
|
||||
|
||||
|
||||
defined('IN_TS') or die('Access Denied.');
|
||||
|
||||
|
||||
return array(
|
||||
|
||||
|
||||
'name' => 'showerro',
|
||||
|
||||
|
||||
'version' => '1.0',
|
||||
|
||||
|
||||
'desc' => 'showerro',
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
<?php
|
||||
defined ( 'IN_TS' ) or die ( 'Access Denied.' );
|
||||
|
||||
switch($ts){
|
||||
case "":
|
||||
include template ( "index" );
|
||||
break;
|
||||
case "404":
|
||||
header ( "HTTP/1.1 404 Not Found" );
|
||||
header ( "Status: 404 Not Found" );
|
||||
$title = '404';
|
||||
include template ( "erro404" );
|
||||
exit();
|
||||
break;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
defined('IN_TS') or die('Access Denied.');
|
||||
class showerro extends tsApp{
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<?php
|
||||
@@ -0,0 +1,62 @@
|
||||
{php include pubTemplate("header")}
|
||||
<!--欢迎加入域名公益网404公益项目-->
|
||||
<!-- 复制代码到你的网站中，可自由修改页面代码，如果能保留链接，我们会很感激-->
|
||||
<!-- 如果你有闲置域名请以cname的方式指向到DO.DNPW.ORG参与域名公益-->
|
||||
|
||||
<body class="dnpw-main">
|
||||
<div class="dnpw-ftbtm-page">
|
||||
<div class="dnpw-404-page">
|
||||
<div class="dnpw-404-top">
|
||||
<div class="top-bg">
|
||||
<div class="top-box">
|
||||
<div class="top-box-left">
|
||||
<div class="flash-box" id="babyinfo">
|
||||
<!------------->
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-box-right">
|
||||
<div class="dnpwslogo">
|
||||
<a href="https://www.dnpw.org/cn/pa-notfound.html" target="_blank"><img src="https://cdn.dnpw.org/project/404/common/img/logos-000.png"/></a>
|
||||
</div>
|
||||
<div class="content-box">
|
||||
<p class="title-404">
|
||||
-404-
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<a href="/" target="_self" class="btn-404">Back</a>
|
||||
<!--a href="" target="_blank" class="btn-404 plain">yourDIYtext</a-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.favicon:before {content:"";background:url(/favicon.ico) no-repeat;background-size: 24px 24px;width:24px;height:24px;position:absolute;background-color: #fff;}
|
||||
</style>
|
||||
<div class="dnpw-404-con" id="block-C">
|
||||
<div class="dnpw-mod-wrap j_slider">
|
||||
<div class="dnpw-mod-header">
|
||||
<h2 class="dnpw-mod-title"><span class="favicon"></span></br></br></br></br></br></br></br></br><span class="dnpw-mod-text">一起帮他们回家</span>
|
||||
<!---->
|
||||
<div class="dnpw-page-turn">
|
||||
<span class="page-num">数据来源:<a href="http://www.baobeihuijia.com/?dnpw" target="_blank">宝贝回家</a></span>
|
||||
</div>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="dnpw-mod-list">
|
||||
<ul class="dnpw-mod-ul j_slider_list" id="showlist">
|
||||
<!-- SMALL AVATAR LISTS -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
|
||||
|
||||
</script>
|
||||
{php include pubTemplate("footer")}
|
||||
@@ -0,0 +1,3 @@
|
||||
{php include pubTemplate("header")}
|
||||
|
||||
{php include pubTemplate("footer")}
|
||||
@@ -0,0 +1,66 @@
|
||||
$(function() {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'https://www.dnpw.org/cn/api404-gohome.do?time='+Date(),
|
||||
dataType: 'json',
|
||||
success: function(result) {
|
||||
addBox(result);
|
||||
addBox2(result)
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
function addBox(result) {
|
||||
$.each(result, function(index, obj) {
|
||||
|
||||
$('#babyinfo').append("<div class='hideit " + obj['current'] + "'><div class='child_avatar'><a href=" + obj['url'] + " target='_blank'><img src='"+obj['avatar']+"_140_188_2_90.jpg'></a></div><div class='child_info'><div class='info_name'><h2><span class='name_inner'>" + obj['name'] + "</span><span class='info_sex'>（" + obj['sex'] + "）</span></h2></div><p>出生日期：" + obj['born'] + "</p><p>走失时间：" + obj['dis_time'] + "</p><p>走失地点：" + obj['dis_address'] + "</p><p class='lh-s'>相关详情：" + obj['detail'] + "</p><a href=" + obj['url'] + " target='_blank' class='link_view'><span class='link_inner'>查看详情… >></span></a></div></div>");
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function addBox2(result) {
|
||||
$.each(result, function(index, obj) {
|
||||
$('#showlist').append("<li class='dnpw-mod-li " + obj['current'] + "s'><div class='dnpw-mod-img horizon'><div class='dnpw-mod-link-wrap'><a class='dnpw-mod-link'><img src='" + obj['avatar'] + "_100_100_2_85.jpg' class='dnpw-mod-cover fadeOutIn-enter-active'><div class='nub-tl'></div></a></div><div class='title-wrap'><p class='main'><a class='link-txt'>" + obj['name'] + "</a></p></div></div></li>");
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$('#showlist').on('click', 'li', function() {
|
||||
$(this).addClass('currents').siblings().removeClass('currents');
|
||||
$('.hideit').eq($(this).index()).addClass('current').siblings().removeClass('current');
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$(function() {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'https://www.dnpw.org/cn/api-thank?you=' + document.domain + '&style=12',
|
||||
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
//BAIDU STAT
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?bf329994f1e3ebf56f3712e11a46cb4a";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@@ -0,0 +1,441 @@
|
||||
body {
|
||||
font: 12px/1.5 PingFangSC-Regular,Helvetica,Arial,sans-serif;
|
||||
background: #f1f1f1;
|
||||
min-width: 920px;
|
||||
}
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: none;
|
||||
-ms-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
article, aside, blockquote, body, button, dd, div, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, li, menu, nav, ol, p, ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hideit {
|
||||
display: none
|
||||
}
|
||||
|
||||
.current {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dnpw-ftbtm-page, div#__nuxt {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
min-height: 100%;
|
||||
padding-bottom: 117px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .dnpw-404-top {
|
||||
margin-bottom: -24px;
|
||||
height: 489px;
|
||||
_background: url(top-404-gradient.jpg) repeat-x;
|
||||
}
|
||||
|
||||
.dnpw-404-page .top-bg {
|
||||
height: 100%;
|
||||
background: url(top-404-bg-0.png) center 0 no-repeat;
|
||||
}
|
||||
|
||||
.dnpw-404-page .top-box {
|
||||
width: 920px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/*
|
||||
|
||||
.dnpw-404-page .top-box:after, .dnpw-404-page .top-box:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
*/
|
||||
.dnpw-404-page .top-box-left {
|
||||
float: left;
|
||||
padding-left: 0px;
|
||||
padding-top: 88px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .flash-box {
|
||||
position: relative;
|
||||
width: 492px;
|
||||
height: 500px;
|
||||
background-color: #fff;
|
||||
border-radius: 15px;
|
||||
padding: 15px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .loading-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: url(loading-4040.gif);
|
||||
}
|
||||
|
||||
.iqp-player {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-width: 230px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
color: #fff;
|
||||
z-index: 0;
|
||||
user-select: none;
|
||||
outline: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.dnpw-404-page .top-box-right {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dnpw-404-page .dnpwslogo {
|
||||
padding-top: 25px;
|
||||
-padding-left: 245px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.dnpw-404-page .content-box {
|
||||
padding-top: 166px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dnpw-404-page .title-404 {
|
||||
margin-bottom: 50px;
|
||||
color: #333;
|
||||
font-size: 27px;
|
||||
width: 215px;
|
||||
padding-left: 117px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-box {
|
||||
font-size: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
a, a:active, a:hover, a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-404.plain {
|
||||
border-color: #fff;
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-404 {
|
||||
display: inline-block;
|
||||
margin: 0 12px;
|
||||
width: 124px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
border: 1px solid #fff;
|
||||
background-color: #fff;
|
||||
color: #222;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
border-radius: 18px;
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-404:hover {
|
||||
background: #aaa;
|
||||
border: 1px solid #aaa;
|
||||
color: white
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
.dnpw-404-page .top-box:after, .dnpw-404-page .top-box:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
*/
|
||||
|
||||
.child_avatar {
|
||||
float: left;
|
||||
width: 140px;
|
||||
height: 188px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.child_info {
|
||||
float: left;
|
||||
width: 320px;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.child_info .info_name {
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.child_info p {
|
||||
color: #555;
|
||||
line-height: 27px;
|
||||
border-top: 1px dashed #eee;
|
||||
}
|
||||
|
||||
.child_info .lh-s {
|
||||
padding-top:5px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.link_view {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 30px;
|
||||
height: 28px;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.link_inner {
|
||||
color: #555
|
||||
}
|
||||
|
||||
.dnpw-mod-wrap {
|
||||
position: relative;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.dnpw-mod-header {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.dnpw-mod-header .dnpw-mod-title {
|
||||
color: #222;
|
||||
font-size: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 400;
|
||||
font-size: 100%;
|
||||
}
|
||||
/*
|
||||
.dnpw-mod-header .dnpw-mod-title:after, .dnpw-mod-header .dnpw-mod-title:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
*/
|
||||
.dnpw-mod-header .dnpw-mod-title .nolink-txt {
|
||||
float: left;
|
||||
color: #222;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-header .dnpw-mod-title .dnpw-mod-text, .dnpw-1335 .dnpw-mod-header .dnpw-mod-title .dnpw-mod-text {
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.dnpw-mod-header .dnpw-mod-title .dnpw-mod-text {
|
||||
display: inline-block;
|
||||
font-size: 26px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.dnpw-mod-list {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*------------*/
|
||||
.dnpw-page-turn {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 12px;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.dnpw-page-turn .page-num {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.dnpw-404-page .dnpw-404-con {
|
||||
width: 920px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dnpw-mod-list .dnpw-mod-ul {
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.dnpw-mod-list .dnpw-mod-li {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img.horizon, .dnpw-1335 .dnpw-mod-img.horizon {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img.horizon {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .dnpw-mod-link, .dnpw-mod-img .dnpw-mod-link-wrap {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img.horizon .dnpw-mod-link, .dnpw-1335 .dnpw-mod-img.horizon .dnpw-mod-link {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img.horizon .dnpw-mod-link {
|
||||
width: 210px;
|
||||
height: 118px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .dnpw-mod-link {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .dnpw-mod-cover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: all .25s ease-in-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.fadeOutIn-enter-active {
|
||||
animation-duration: .3s;
|
||||
animation-name: fadeOutIn;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: cubic-bezier(0,0,.5,1);
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
/*
|
||||
.dnpw-mod-img .nub-tl.nub-tlOne {
|
||||
background-position: -50px 0;
|
||||
}
|
||||
*/
|
||||
.dnpw-mod-img .nub-tl {
|
||||
position: absolute;
|
||||
left: 26px;
|
||||
top: 27px;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.currents .dnpw-mod-img .nub-tl {
|
||||
background: url(playing.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap {
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img .title-wrap .main, .dnpw-1335 .dnpw-mod-img .title-wrap .main {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .main {
|
||||
line-height: 23px;
|
||||
height: 23px;
|
||||
font-size: 15px;
|
||||
vertical-align: baseline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .link-txt {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img .title-wrap .sub, .dnpw-1335 .dnpw-mod-img .title-wrap .sub {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .sub {
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
margin-top: 2px;
|
||||
height: 22px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .dnpw-svgicon-hot {
|
||||
margin-right: 4px;
|
||||
font-size: 12px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.dnpw-svgicon {
|
||||
display: inline-block;
|
||||
vertical-align: -1px;
|
||||
font-family: iconfont!important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user