php 20180402常见问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了php 20180402常见问题相关的知识，希望对你有一定的参考价值。
@charset "utf-8";
/* ===================================================================
CSS information
file name : copy.css
author : Ability Consultant
style info : コピー
=================================================================== */
@import "settings";
/* -----------------------------------------------------------
.con_link アンカーリンク
----------------------------------------------------------- */
.con_link {
@extend %bw;
margin-bottom: 40px;
.btn_menu {
display: block;
padding: 10px;
background: #000;
color: #fff;
text-decoration: none;
position: relative;
text-align: center;
font-size: .9em;
@include mq(pc) {
display: none;
}
&:after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
margin-bottom: -10px;
@include mq(pc) {
display: none;
}
}
&:hover, &.active {
&:after {
@include mq(pc) {
content: "\f0d7";
bottom: -20px;
left: 50%;
margin-left: -5px;
margin-bottom: 0;
}
}
}
&.active {
&:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
margin-bottom: -10px;
}
}
}
ul {
@include cV(display,flex,flex,none);
flex-wrap: wrap;
li {
margin: 0.5%;
@include cV(width,24%,24%,100%);
a {
width: 100%;
display: flex;
align-items: center;
@include cV(justify-content,center,center,flex-start);
background: #25262B;
padding: .7em 1em;
text-decoration: none;
transition: .5s;
color: #fff;
&::before {
content: '\f0d7';
padding-right: 0.5em;
font-family: "FontAwesome";
@include fsz(18);
}
&:hover {
opacity: .7;
}
}
}
}
}//.con_link
/* -----------------------------------------------------------
.con_faq 質問と回答
----------------------------------------------------------- */
.con_faq {
@extend %bw;
margin-bottom: 100px;
@include cV(margin-bottom, 100px, 80px, 50px);
.box_faq {
margin-bottom: 40px;
@include mq(sp) {
margin-bottom: 30px;
}
.st_mid {
margin-bottom: 10px;
font-size: 1.8em;
font-weight: normal;
@include mq(sp) {
font-size: 1.6em;
}
}
dt {
position: relative;
margin-bottom: 3px;
padding: 20px 14px;
cursor: pointer;
transition: .3s ease;
background: #DFEDFF;
color: #2f2f2f;
&::before {
content: 'Q';
position: absolute;
top: 2px;
left: 16px;
@include fsz(40);
font-family: "Cinzel", serif;
@include mq(sp) {
top: -2px;
left: 12px;
@include fsz(32);
}
}
&:hover {
opacity: .8;
}
@include mq(sp) {
padding: 15px;
&::after {
right: 15px;
}
}
span {
display: block;
padding-left: 55px;
font-size: 1.1em;
@include mq(sp) {
padding-left: 40px;
}
}
}
dd {
position: relative;
margin-bottom: 20px;
padding: 14px;
cursor: pointer;
@include mq(sp) {
padding: 15px;
}
&::before {
content: 'A';
position: absolute;
top: 0;
left: 17px;
color: #c70202;
@include fsz(44);
font-family: "Cinzel", serif;
@include mq(sp) {
left: 12px;
@include fsz(36);
}
}
span {
display: block;
padding-left: 56px;
padding-top: 6px;
@include mq(sp) {
padding-top: 4px;
padding-left: 40px;
}
}
}
}//.box_faq
}//.con_faq
<?php $page = 'faq'; include "../config/include.php"; ?>
<!-- *** stylesheet *** -->
<link href="../css/<?php echo $page; ?>.css" rel="stylesheet" type="text/css" media="all">
<!-- *** javascript *** -->
<script>
// readyEvent
$(function(){
$(".box_faq dd").hide();
$(".box_faq dt").addClass('acc');
$(".acc").click(function(){
$(this).next('dd').stop(true).slideToggle(300).prev().toggleClass('active');
});
var $match = $('#obj_match').find('li a');
$w.superResize({
resizeAfter : function() {
matchHeight($match,(abi.pc) ? 4 : (abi.tab) ? 4 : 1);
}
});
$('.accordion').click(function(){
if(!$(this).is('.sp_only') || $(this).is('.sp_only') && abi.sp) {
var $next = $(this).next();
if(!$next.is(':animated')) $next.slideToggle(300).prev().toggleClass('active');
}
});
});
</script>
</head>
<body id="<?php echo $page; ?>">
<div id="contents">
<div class="con_link">
<a href="#" class="btn_menu accordion view_sp">カテゴリを選択</a>
<ul id="obj_match">
<li><a href="#lnk_1">チェックイン・チェックアウト</a></li>
<li><a href="#lnk_2">宿泊</a></li>
<li><a href="#lnk_5">お料理</a></li>
<li><a href="#lnk_4">〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇</a></li>
<li><a href="#lnk_3">その他</a></li>
</ul>
</div><!-- /.con_link -->
<div class="con_faq">
<div class="box_faq" id="lnk_1">
<h4 class="st_mid">チェックイン・チェックアウト</h4>
<dl>
<dt><span>チェックインは何時からですか</span></dt>
<dd><span>〇〇時からです。</span></dd>
<dt><span>チェックアウトは何時までですか</span></dt>
<dd><span>〇〇時までです。〇〇時を過ぎてご連絡なくお見えにならない場合には、自動キャンセル扱いとさせていただきます。</span></dd>
<dt><span>チェックイン前に荷物を預けることができますか</span></dt>
<dd><span>フロントにてお預かりいたします。チェックアウト後もご希望があればお預かりいたします。</span></dd>
<dt><span>「禁煙ルーム」はありますか</span></dt>
<dd><span>ございます。</span></dd>
<dt><span>キャンセル料はどのようになっていますか</span></dt>
<dd><span>当日キャンセルは連絡の有無にかかわらず100％となっております。</span></dd>
<dt><span>クレジット払いはできますか</span></dt>
<dd><span>お取り扱いいたしております。</span></dd>
</dl>
</div><!-- /.box_faq -->
<div class="box_faq" id="lnk_2">
<h4 class="st_mid">宿泊</h4>
<dl>
<dt><span>〇〇〇〇〇〇〇〇〇〇〇〇</span></dt>
<dd><span>〇〇〇〇〇〇〇〇〇</span></dd>
<dt><span>〇〇〇〇〇〇〇〇〇〇〇〇</span></dt>
<dd><span> 〇〇〇〇〇〇〇〇〇〇〇〇</span></dd>
</dl>
</div><!-- /.box_faq -->
<div class="box_faq" id="lnk_5">
<h4 class="st_mid">お料理</h4>
<dl>
<dt><span>〇〇〇〇〇〇〇〇〇</span></dt>
<dd><span>〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇</span></dd>
<dt><span>〇〇〇〇〇〇</span></dt>
<dd><span>〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇</span></dd>
<dt><span>〇〇〇〇〇〇</span></dt>
<dd><span>〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇</span></dd>
<dt><span>〇〇〇〇〇〇〇〇〇</span></dt>
<dd><span>〇〇〇〇〇〇</span></dd>
</dl>
</div><!-- /.box_faq -->
<div class="box_faq" id="lnk_4">
<h4 class="st_mid">〇〇〇</h4>
<dl>
<dt><span>インターネットは接続できますか</span></dt>
<dd><span>ＰＣをお持ち頂ければ可能です。ＬＡＮケーブルはフロントにてご用意いたしております。</dd>
<dt><span>インターネットの接続使用料はかかりますか</span></dt>
<dd><span>無料でございます。</span></dd>
</dl>
</div><!-- /.box_faq -->
<div class="box_faq" id="lnk_3">
<h4 class="st_mid">その他</h4>
<dl>
<dt><span> 近くにコンビニはありますか</span></dt>
<dd><span>徒歩〇〇〇分圏内に、サンクス、ローソン、セブンイレブンがございます。</span></dd>
<dt><span>近くに飲食店はありますか</span></dt>
<dd><span>ホテル近隣には深夜まで営業しております多数飲食店がございます。</span></dd>
</dl>
</div><!-- /.box_faq -->
</div><!-- /.con_faq -->
</div><!-- /#contents -->
</body>
</html>
以上是关于php 20180402常见问题的主要内容，如果未能解决你的问题，请参考以下文章
20180402MySQL关于replication filter和trigger的一些应用