PHP & JavaScript Room :: 設置サンプル

Content Menu

<script src="/content/lib/simplejs/simple.js"></script>
<script src="/content/lib/simplejs/simpleacco.js"></script>


<script type="text/javascript">
    $AccoInit('acco0;acco1;acco2;acco3;');
</script>

<style type="text/css">
.accoblock {
    width:400px;
    border:2px solid #f2f2f2;
    background-color:#ffffcc;
}
.accoblock .titleacco {
    display:block;
    padding:2px 10px;
    border:1px solid #00cc66;
    background-color:#effceb;
}
.accoblock a {
    color:#009900;
    font-weight:bold;
    text-decoration:none;
}
.accoblock .accotexte {
    background-color:#FFFFF4;
    font-size:12px;
    color:#999999;
    width:400px;
}
</style>

<h4>Content Menu</h4>
<div class="accoblock">
    <div class="titleacco">【PHP】　<a href="#" onclick="$accopush(0); return false">$accopush(0)</a> or <a href="#" onclick="$accopush(0,true); return false">$accopush(0,true)</a></div>
    <div id="acco0" class="accotexte">
        <div class="myborder"> Windows OS に PHPとApacheサーバーのインストール ～ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。</div>
    </div>
</div>
<div class="accoblock">
    <div class="titleacco">【JavaScript】　<a href="#" onclick="$accopush(1); return false">$accopush(1)</a> or <a href="#" onclick="$accopush(1,true); return false">$accopush(1,true)</a></div>
    <div id="acco1" class="accotexte" style="display:none">
        <div class="myborder"> Windows OS に PHPとApacheサーバーのインストール ～ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。</div>
    </div>
</div>
<div class="accoblock">
    <div class="titleacco">【Ajax】　<a href="#" onclick="$accopush(2); return false">$accopush(2)</a> or <a href="#" onclick="$accopush(2,true); return false">$accopush(2,true)</a></div>
        <div id="acco2" class="accotexte" style="display:none">
            <div class="myborder"> ブログやサイトで使える実用的なAjaxをサンプル付きで解説。</div>
        </div>
</div>
<div class="accoblock">
    <div class="titleacco">【CSS】　<a href="#" onclick="$accopush(3); return false">$accopush(3)</a> or <a href="#" onclick="$accopush(3,true); return false">$accopush(3,true)</a></div>
    <div id="acco3" class="accotexte" style="display:none">
        <div class="myborder"> スタイルシートをプロパティ別に、コピペで使える実用的なサンプル付きで解説。 floatプロパティを使ったサイトレイアウト、リストメニュー、角丸テーブルなど、サイト制作に役立つスタイルシートを使った小技も紹介。</div>
    </div>
</div>