2015年12月1日星期二

更改文章內容 3

text

This is a p element with id="demo" in a div.

Click the button to change the text of the p element in div.

A heading with class="example" in div

A paragraph with class="example" in div.

Also a paragraph with class="example" in div.

Click the button to change the text of the first p element with class="example" in div.

This is a p element in div.

This is also a p element in div.

Click the button to change the text of the first p element in div.

2015年11月1日星期日

旅遊

登山

離島

原始碼

<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>

2015年10月31日星期六

textarea

<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>

2015年10月30日星期五

註解

HTML的註解使用將要註解的文字包起來。例如: CSS的註解使用/* 與 */ 將要註解的文字包起來。例如: JavaScript 的註解 JavaScript 的註解符號和 Java 一樣，註解的方式有兩種：（1）/* */ 多行的註解（2）// 單行註解 //單行註解是從//到該行結尾 /* 多行註解可以橫跨多行但是在註解中不可以再打一次註解 */

ol and li

An ol element is displayed like this:

Coffee
Tea
Milk

Change the default CSS settings to see the effect.

+ first

Coffee
Tea
Milk

second

Coffee
Tea
Milk

2015年10月17日星期六

ol

An ol element is displayed like this:

Coffee
Tea
Milk

Change the default CSS settings to see the effect.

+ first

Coffee
Tea
Milk

second

Coffee
Tea
Milk

2015年8月29日星期六

qrcode 批量

QR Code 產生器！用 Google 雲端硬碟就能自動大量製作

範本

讓不同螢幕尺寸與解析度顯示相同比例的UI

2015年8月26日星期三

create a SELECT and an OPTION element

2015年8月24日星期一

建立一個"button"元素

Click the button to make a BUTTON element.

我的瀏覽器中可播放MP4影片?

Can my browser play MP4 videos?

Can my browser play OGG videos?

Note: The canPlayType() method is not supported in Internet Explorer 8 and earlier versions.

2015年8月9日星期日

收合目錄6

旅遊日誌

登山

2015年8月8日星期六

收合目錄5

旅遊日誌

登山

指定的元素的樣式對象

My Header

Click the button to get the style property of the H1 element.

color and substr

Click the button to display the style properties of this document.

substr

Click the button to extract parts of the string.

收合目錄4

開旅遊日誌

登山

color

I am Red

I am Blue

style

London
Paris
Tokyo

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.