HTML: 原始碼

旅遊

登山

離島

原始碼

<html>
    <title>進入EXCEL軟體</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script> 
    $(document).ready(function(){
        $("#flip").click(function(){
            $("#panel").slideToggle("slow");
        });
    });
    $(document).ready(function(){
        $("#flip1").click(function(){
            $("#panel1").slideToggle("slow");
        });
    });
    $(document).ready(function(){
        $("#flip2").click(function(){
            $("#panel2").slideToggle("slow");
        });
    });
    $(document).ready(function(){
        $("#flip9").click(function(){
            $("#panel9").slideToggle("slow");
    });
});
    </script>
    <style> 
    #panel, #flip,#panel1, #flip1,#panel2, #flip2 #panel9, #flip9 {
        padding: 0px;
        text-align: left;
        background-color: #e5eecc;
        border: solid 1px #c3c3c3;
    }
    #panel,#panel1,#panel2 {
        padding: 0px;
        display: none;
    }
    div.scroll {
        background-color: #DEB887;
        width: 150px;
        height: 150px; 
        overflow: scroll;
    }
    </style>
    
    <body>
    <table border="1" style="width: 1000px;">
        <tbody>
    <tr>
        <td style="width: 150px; vertical-align: top;">
    
        <h2 id="flip" style = "width:150px;">
    旅遊</h2>
    <ol class="scroll" id ="panel"  style = "width:150px;">
    <li><a href="http://waterdown2013.blogspot.tw/2013/05/blog-post_6.html" target="hf">棲蘭山</a></li>
    <li><a href="http://waterdown2013.blogspot.tw/2014/01/blog-post_6570.html" target="hf">風櫃嘴-擎天岡</a></li>
    <li><a href="http://waterdown2013.blogspot.tw/2014/01/blog-post_1085.html" target="hf">烏來溫泉之旅</a></li>
    </ol>
    <h2 id="flip1"  style = "width:150px;">
    登山</h2>
    <ol class="scroll" id ="panel1" style = "width:150px;">
    <li><a href="http://wup3615mountaineer.blogspot.tw/2015/06/blog-post_20.html" target="hf">清風亭-竹篙山-擎天崗</a></li>
    <li><a href="http://waterdown2013.blogspot.tw/2014/01/blog-post_2045.html" target="hf">從滿月圓登北插天山</a></li>
    <li><a href="http://waterdown2013.blogspot.tw/2014/01/blog-post_2445.html" target="hf">苗圃-七星山-主峰-東峰</a></li>
    </ol>
    <h2 id="flip2"  style = "width:150px;">
    離島</h2>
    <ol class="scroll" id ="panel2" style = "width:150px;">
    <li><a href="http://wup3615islands.blogspot.tw/2014/11/1030529.html" target="hf">馬祖行</a></li>
    <li><a href="http://wup3615islands.blogspot.tw/2014/11/20140906.html" target="hf">龜山島賞鯨豚</a></li>
    <li><a href="http://wup3615islands.blogspot.tw/2014/11/blog-post.html" target="hf">小琉球一日遊</a></li>
    </ol>
    </td>
    <td><iframe name="hf" src="http://waterdown2013.blogspot.tw/2014/12/blog-post_31.html" height="500" width="700"></iframe></td>
    
    </tr>
    </tbody>
    </table>
    </body>
    </html>

HTML

2015年11月1日星期日

原始碼_開合

旅遊

登山

離島

原始碼

沒有留言:

張貼留言

2015年11月1日 星期日

原始碼_開合

旅遊

登山

離島

原始碼

沒有留言:

張貼留言

2015年11月1日星期日