CSS展開式選單－這裡是和萬國翻譯有關的地盤,歡迎到訪我的BLOG!

亞齊文翻譯    height: 30px;

    color: #000;
        <li>
            <a href="#">
                <h3>滑入式睜開選單一</h3>

                <span>這是滑入式選單一，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
    text-decoration: none;
    display: block;

#gallery {
    text-transform: uppercase;
                <span>這是滑入式選單二，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
<body>
            <a href="#">
    height: 100%;
            </a>
}
    <ul id="gallery">
/*將繼續浏覽字另設色彩顯示*/

在做滑入式選單時，除了可用JavaScript或jquery製作，也可以使用CSS製作，這裡為利用CSS製作的典範，使用CSS製作時，只需要一起頭潛藏文字的內容（將height設小一點），當滑鼠移到保持時，再將其內容展開（將height設為100%）翻譯

    margin: 0;
        </li>
------------------------------------------------------------------------------------------------------
        </li>

    border: 4px solid #fc0;
#gallery li a {
#gallery li a:hover {
        </li>

/*當滑鼠移到<a>連結時將其內容睜開，這裡設height為100%，會隨內容高度展開，也可設定固定命值，將其版面定住*/
/*設定全部選單的版面，此處設高為100%，會主動縮放，可以設定一個固定的數值，將其版面定住*/
    overflow: hidden;
}
將此ＣＳＳ貼到<head></head>之間：
</body>

-->
}

CSS睜開式選單

如圖，當滑鼠移到文字＂滑入式睜開選單二＂時，就會睜開其內容翻譯

    font: 12px Arial, Helvetica, sans-serif;
    list-style: none;
    width: 268px;
    background-color: #fc0;
/*這裡設定<h3>的字型樣式*/
                <h3>滑入式展開選單三</h3>
            <a href="#">
            </a>
                <h3>滑入式睜開選單二</h3>

    overflow:hidden;
    font: 13px "Arial Black", Arial翻譯社 Helvetica, sans-serif;
<!--
    width: 278px;
}
#gallery h3{
            </a>
                <span>這是滑入式選單三，在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
}
/*設定id為gallery的li物件，其有<a>超保持的內容，先設height為30，將其隱藏*/
    height: 100%;
    padding-left: 10px;
    </ul>
        <li>
</style>

    letter-spacing: -1px;

    padding: 0;
    background-color: #ff6;
<style type="text/css">
    color: #600;
將此html程式碼貼到<body></body>上：
        <li>
#gallery b{
    font-weight: 600;
    color: #600;

本篇文章引用自此: http://blog.roodo.com/jessica_bird/archives/10488077.html有關各國語文翻譯公證的問題歡迎諮詢萬國翻譯公司02-23690931