HTML: 10月 2015

<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");
    });
});
</script>
<style> 
#panel, #flip,#panel1, #flip1,#panel2, #flip2 {
    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>

<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年10月31日星期六

textarea

2015年10月30日星期五

註解

ol and li

2015年10月17日星期六

ol

2015年10月31日 星期六

textarea

2015年10月30日 星期五

註解

ol and li

2015年10月17日 星期六

ol

2015年10月31日星期六

2015年10月30日星期五

2015年10月17日星期六