項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 1
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤1 ul li {line-height: 20px;}
}
</style>


<div id="項目標籤1">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 1A
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
<style type="text/css">
#項目標籤1A ul li{line-height: 20px;}
}
</style>


<div id="項目標籤1A">
<b>項目標籤 1A </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
        <ul>
        <li>這裡是項目二</li>
        <li>這裡是項目二</li>
                <ul>
                <li>這裡是項目三</li>
                <li>這裡是項目三</li>
                </ul>
        </ul>
</ul>
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
          <ul>
          <li>這裡是項目二</li>
          <li>這裡是項目二</li>
</ul>
</ul>
</div>


項目標籤 取消ul li 樣式符號 (CSS  list-style-type:none)
項目標籤 1B
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤1B ul li{line-height: 20px;
                             list-style-type:none;}
</style>


<div id="項目標籤1B">
<b>項目標籤 1B </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 樣式符號為數字 ul 改為 ol
項目標籤 1C
  1. 這裡是項目一
  2. 這裡是項目一
    1. 這裡是項目二
    2. 這裡是項目二
      1. 這裡是項目三
      2. 這裡是項目三
<style type="text/css">
#項目標籤1C ol li {line-height: 20px;}
}
</style>


<div id="項目標籤1C">
<b>項目標籤 1C </b>
<br />
<ol>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ol>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ol>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ol>
</ol>
</ol>
</div>


項目標籤 行距 50px (CSS line-height: 50px)
項目標籤 2
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤2 ul li{line-height: 50px;}
}
</style>


<div id="項目標籤2">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 第二項為藍色 第三項為紅色
項目標籤 3
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤3 ul li {line-height: 20px;}
#項目標籤3 ul ul li{color:blue;}
#項目標籤3 ul ul ul li{color:Red;}

</style>


<div id="項目標籤3">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 4
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤4 ul li {line-height: 20px;
                   display:inline; }
</style>


<div id="項目標籤4">
<b>項目標籤 4 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>


項目標籤    第二項為藍色及橫向    第三項為紅色
項目標籤 5
  • 這裡是項目一
  • 這裡是項目一
    • 這裡是項目二
    • 這裡是項目二
      • 這裡是項目三
      • 這裡是項目三
<style type="text/css">
#項目標籤5 ul li  {line-height: 20px;}

#項目標籤5 ul ul li {color:blue;
                    display:inline;}

#項目標籤5 ul ul ul li {color:Red;
                       display:block;}
</style>


<div id="項目標籤3">
<b>項目標籤 1 </b>
<br />
<ul>
<li>這裡是項目一</li>
<li>這裡是項目一</li>
<ul>
<li>這裡是項目二</li>
<li>這裡是項目二</li>
<ul>
<li>這裡是項目三</li>
<li>這裡是項目三</li>
</ul>
</ul>
</ul>
</div>

c8cc168 發表在 痞客邦 留言(0) 人氣()



<center>
<iframe  id="14012015" name="14012015" allowfullscreen="" frameborder="0" height="300" src="//www.youtube.com/embed/UtCLlQp5r90?autoplay=0;playlist=UtCLlQp5r90;loop=1;rel=0" width="500"></iframe>
</center>

<script>
window.onresize= A14012015;
window.onload= A14012015;
function A14012015(){
mp4ww=document.documentElement.clientWidth;
document.getElementById('14012015').width=mp4ww-450+"xp";
document.getElementById('14012015').height=(mp4ww-450)/1.7+"xp";
}
A14012015();
</script>

| YouTube | 自動改變螢幕大細 | iframe | document.documentElement | document.getElementById(id) | window.onresize | window.onload | center | script |

c8cc168 發表在 痞客邦 留言(0) 人氣()

<center>
<iframe  width="560" height="315" src="//www.youtube.com/embed/QE0i5PFhfUg?list=PLJ6HAcRGQeqxuK3Y9XJhv8RHEYiSqdMSX" frameborder="0" allowfullscreen></iframe>
</center>

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Jan 09 Fri 2015 16:48
07-05-2014 啟德一日遊

c8cc168 發表在 痞客邦 留言(0) 人氣()

滑鼠接觸我


<abbr title="滑鼠接觸我">滑鼠接觸我</abbr>

c8cc168 發表在 痞客邦 留言(0) 人氣()


<a download href="http://rcc.an56.org/2014/2014-10-26.mp3">download</a>

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Jan 07 Wed 2015 22:58
<script>
/* ---------- 註 解 ---------- */
</script>



HTML Tags
<!---------- 註 解 ------------>

c8cc168 發表在 痞客邦 留言(0) 人氣()


<form id="selectform">
<select id="selectA"
style='cursor: pointer;width:100px; background-color:#C0C0C0;  color:#000;font-size:20px;border: 3px outset #d5d5d5;'>

<option />友 好
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://ck.ug5g.com/" />智障肥強
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://html.ug5g.com" />Blogger 技巧
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://stocks.ug5g.com/" />即時香港股票
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://mp4.ug5g.com/" />詩 歌
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://rcc.ug5g.com/" />埔恩堂
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://eva.ug5g.com/" />齊賢社
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="https://draft.blogger.com/home" />管理員
</select>
</form>

<script type="text/javascript">
 var urlmenu = document.getElementById( 'selectA' );
 urlmenu.onchange = function() {
 window.open( this.options[ this.selectedIndex ].value );
document.getElementById("selectform").reset();
/* ----------每次選擇後回第1項  ---------- */
 };
</script>

| select | option | 下拉式選單 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Dec 02 Tue 2014 22:33


<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="http://rcc.an56.org/2014/2014-10-26.mp3" type="audio/mp3" />
  Your browser does not support the audio tag.
</audio>


autoplay 自動撥放
controls 顯示播放控制列
loop 重複播放
muted 指定音頻輸出應被靜音
preload="none"  auto,metadata,none
src 音樂位置

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Dec 01 Mon 2014 23:52


滑鼠游標 移到 連結上 顯示文字。
<a href="#" title="你指向我">連結</a>

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Dec 01 Mon 2014 23:37


滑鼠游標 移到圖片上顯示文字。
<img src="https://lh4.googleusercontent.com/-_7lEEweM7Lg/U2mvpOgQ_BI/AAAAAAAAB7Y/1gerzQldBeA/w402-h173-no/2014Banner.jpg" title="要顯示的圖片替代文字" />

| img | HTML img | title | 標題 | 標題 文字 | 標題文字 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Dec 01 Mon 2014 23:30
  • 金句

<marquee id="maaa" scrollamount="1" style="width:100%;height: 30px; position:fixed;background-color:#c0c0c0; color:#000;font-size:20px;top:0px;left:5px;border: 3px outset #d5d5d5;" ></marquee>

<script>
var awdc=[
"路9:25 人若賺得全世界 人若賺得全世界、卻喪了自己、賠上自己、有甚麼益處呢。",
"賽40:31 但那等候耶和華的、必從新得力、他們必如鷹展翅上騰、他們奔跑卻不困倦、行走卻不疲乏。",

"賽30:21 你或向左、或向右、你必聽見後邊有聲音說、這是正路、要行在其間。",

"帖前5:18 凡事謝恩.因為這是 神在基督耶穌裏向你們所定的旨意。",

"箴8:13 敬畏耶和華、在乎恨惡邪惡.那驕傲、狂妄、並惡道、以及乖謬的口、都為我所恨惡。",

"馬太19:21 耶穌說、你若願意作完全人、可去變賣你所有的、分給窮人、就必有財寶在天上、你還要來跟從我。",

"箴言18:24 濫交朋友的、自取敗壞.但有一朋友、比弟兄更親密。",

"來11:6 人非有信、就不能得 神的喜悅.因為到 神面前來的人、必須信有神,且信他賞賜那尋求他的人。",

"雅2:14 我的弟兄們、若有人說、自己有信心、卻沒有行為、有甚麼益處呢.這信心能救他麼。",

"撒上15:22 撒母耳說、耶和華喜悅燔祭和平安祭、豈如喜悅人聽從他的話呢.聽命勝於獻祭、順從勝於公羊的脂油。",

"弗4:26 生氣卻不要犯罪.不可含怒到日落。",

"徒20:35 我凡事給你們作榜樣、叫你們知道、應當這樣勞苦、扶助軟弱的人、又當記念主耶穌的話、說、施比受更為有福。",

"馬太6:3 你施捨的時候、不要叫左手知道右手所作的。",

"雅1:2 我的弟兄們、你們落在百般試煉中、都要以為大喜樂。",

"詩25:14 耶和華與敬畏他的人親密.他必將自己的約指示他們。",

"箴3:5 你要專心仰賴耶和華、不可倚靠自己的聰明。",

"羅6:4-6 所以我們藉著洗禮歸入死、和他一同埋葬.原是叫我們一舉一動有新生的樣式、像基督藉著父的榮耀、從死裏復活一樣。6:5 我們若在他死的形狀上與他聯合、也要在他復活的形狀上與他聯合.6:6 因為知道我們的舊人、和他同釘十字架、使罪身滅絕、叫我們不再作罪的奴僕。",

"弗2:19-22 這樣、你們不再作外人、和客旅、是與聖徒同國、是 神家裏的人了.2:20 並且被建造在使徒和先知的根基上、有基督耶穌自己為房角石.2:21 各〔或作全〕房靠他聯絡得合式、漸漸成為主的聖殿.2:22 你們也靠他同被建造成為 神藉著聖靈居住的所在。",

"林後4:14-15 自己知道、那叫主耶穌復活的、也必叫我們與耶穌一同復活、並且叫我們與你們一同站在他面前。4:15 凡事都是為你們、好叫恩惠因人多越發加增、感謝格外顯多、以致榮耀歸與 神。",

"加2:20 我已經與基督同釘十字架.現在活著的、不再是我、乃是基督在我裏面活著.並且我如今在肉身活著、是因信 神的兒子而活、他是愛我、為我捨己。",

"腓3:13-14 弟兄們、我不是以為自己已經得著了.我只有一件事、就是忘記背後努力面前的、向著標竿直跑、要得 神在基督耶穌裏從上面召我來得的獎賞。",

"馬太7:1-5 你們不要論斷人、免得你們被論斷。7:2 因為你們怎樣論斷人、也必怎樣被論斷。你們用甚麼量器量給人、也必用甚麼量器量給你們。 7:3 為甚麼看見你弟兄眼中有刺、卻不想自己眼中有梁木呢。 7:4 你自己眼中有梁木、怎能對你弟兄說、容我去掉你眼中的刺呢。 7:5 你這假冒為善的人、先去掉自己眼中的梁木、然後才能看得清楚、去掉你弟兄眼中的刺。",

"雅1:2-4 我的弟兄們、你們落在百般試煉中、都要以為大喜樂. 雅1:3 因為知道你們的信心經過試驗、就生忍耐。 雅1:4 但忍耐也當成功、使你們成全完備、毫無缺欠。",

"羅7:18-19 我也知道、在我裏頭、就是我肉體之中、沒有良善.因為立志為善由得我、只是行出來由不得我。 19 故此、我所願意的善、我反不作.我所不願意的惡、我倒去作。",

"太5:6 饑渴慕義的人有福了.因為他們必得飽足。",

"可8:36-37 人就是賺得全世界、賠上自己的生命、有甚麼益處呢。 37 人還能拿甚麼換生命呢。",

"箴10:22 耶和華所賜的福、使人富足、並不加上憂慮。",

"可11:24 所以我告訴你們、凡你們禱告祈求的、無論是甚麼、只要信是得著的、就必得著。",

"彌6:8世人哪、耶和華已指示你何為善。他向你所要的是甚麼呢。只要你行公義、好憐憫、存謙卑的心、與你的 神同行。",

"太 5:5 溫柔的人有福了.因為他們必承受地土。",

"詩126:5 流淚撒種的、必歡呼收割。",

"林前13:7 凡事包容.凡事相信.凡事盼望.凡事忍耐。"
]


document.getElementById("maaa").innerHTML =
awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
;

</script>

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Dec 01 Mon 2014 15:03



<select id="dgre" onmouseout="size=1" onmouseover="size=options.length;">
  <option >11111</option>
  <option >22222</option>
  <option >33333</option>
  <option >44444</option>
</select>

<style type="text/css">
#dgre {font-size:x-large;width: 150px;}
#dgre:hover {width: 330px;}
#dgre option:hover {width: 530px;background-color:Gray;}
</style>

| 下拉式選單 | select | option | onmouseover | onmouseout |

c8cc168 發表在 痞客邦 留言(0) 人氣()

  • Nov 30 Sun 2014 23:33
<button style="cursor: pointer; width: 100px;">
<marquee scrollamount="60">內容</marquee>

c8cc168 發表在 痞客邦 留言(0) 人氣()



<input onclick="alert('彈出通知視窗')" style="cursor: pointer;" type="button" value="彈出通知視窗" />

c8cc168 發表在 痞客邦 留言(0) 人氣()