close
塔拉休瑪拉文翻譯 display: block;
height: 100%;
<body>
height: 30px;
</a>
/*設定id為gallery的li物件，其有<a>超貫穿連接的內容，先設height為30，將其潛藏*/
width: 268px;
background-color: #ff6;
CSS睜開式選單
如圖，當滑鼠移到文字＂滑入式睜開選單二＂時，就會睜開其內容翻譯
<ul id="gallery">
/*這裡設定<h3>的字型樣式*/
</li>
#gallery {
color: #600;
-->
font: 12px Arial, Helvetica, sans-serif;
</a>
</body>
color: #600;
text-decoration: none;
#gallery li a {
------------------------------------------------------------------------------------------------------
list-style: none;
padding-left: 10px;
overflow:hidden;
}
text-transform: uppercase;
<style type="text/css">
<a href="#">
/*當滑鼠移到<a>連結時將其內容睜開，這裡設height為100%，會隨內容高度睜開，也可設定固定命值，將其版面定住*/
將此ＣＳＳ貼到<head></head>之間：
</ul>
/*將繼續閱讀字另設色彩顯示*/
overflow: hidden;
letter-spacing: -1px;
<ul id="gallery">
/*這裡設定<h3>的字型樣式*/
</li>
#gallery {
color: #600;
-->
font: 12px Arial, Helvetica, sans-serif;
</a>
</body>
}
}
border: 4px solid #fc0;
<a href="#">
<li>
margin: 0;
<li>
color: #000;
}
<li>
</style>
</li>
padding: 0;
background-color: #fc0;
font-weight: 600;
<span>這是滑入式選單三，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
<h3>滑入式睜開選單一</h3>
<span>這是滑入式選單一，在這裡可以展示選單一內的所有內容翻譯<b>...繼續浏覽</b></span>
<h3>滑入式睜開選單三</h3>
<a href="#">
將此html程式碼貼到<body></body>上：
</a>
/*設定全部選單的版面，此處設高為100%，會自動縮放，可以設定一個固定的數值，將其版面定住*/
<span>這是滑入式選單二，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
width: 278px;
height: 100%;
#gallery h3{
<!--
<h3>滑入式睜開選單二</h3>
}
border: 4px solid #fc0;
<a href="#">
<li>
margin: 0;
<li>
color: #000;
}
<li>
</style>
</li>
padding: 0;
background-color: #fc0;
font-weight: 600;
<span>這是滑入式選單三，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
<h3>滑入式睜開選單一</h3>
<span>這是滑入式選單一，在這裡可以展示選單一內的所有內容翻譯<b>...繼續浏覽</b></span>
<h3>滑入式睜開選單三</h3>
<a href="#">
將此html程式碼貼到<body></body>上：
</a>
/*設定全部選單的版面，此處設高為100%，會自動縮放，可以設定一個固定的數值，將其版面定住*/
<span>這是滑入式選單二，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
width: 278px;
height: 100%;
#gallery h3{
<!--
<h3>滑入式睜開選單二</h3>
color: #600;
text-decoration: none;
#gallery li a {
------------------------------------------------------------------------------------------------------
list-style: none;
padding-left: 10px;
overflow:hidden;
}
text-transform: uppercase;
<style type="text/css">
<a href="#">
/*當滑鼠移到<a>連結時將其內容睜開，這裡設height為100%，會隨內容高度睜開，也可設定固定命值，將其版面定住*/
將此ＣＳＳ貼到<head></head>之間：
</ul>
/*將繼續閱讀字另設色彩顯示*/
overflow: hidden;
letter-spacing: -1px;
在做滑入式選單時，除可用JavaScript或jquery製作，也可使用CSS製作，這裡為利用CSS製作的類型，使用CSS製作時，只需要一最先潛藏文字的內容（將height設小一點），當滑鼠移到連結時，再將其內容睜開（將height設為100%）。
</li>
}
#gallery li a:hover {
#gallery b{
font: 13px "Arial Black"翻譯社 Arial, Helvetica, sans-serif;
本文來自: http://blog.roodo.com/jessica_bird/archives/10488077.html有關各國語文翻譯公證的問題歡迎諮詢華頓翻譯公司02-77260932
</li>
}
#gallery li a:hover {
#gallery b{
font: 13px "Arial Black"翻譯社 Arial, Helvetica, sans-serif;
本文來自: http://blog.roodo.com/jessica_bird/archives/10488077.html有關各國語文翻譯公證的問題歡迎諮詢華頓翻譯公司02-77260932
文章標籤
全站熱搜
留言列表
