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