close

敘利亞文翻譯/*這裡設定<h3>的字型樣式*/
將此html程式碼貼到<body></body>上:
    <ul id="gallery">
</style>
                <span>這是滑入式選單一,在這裡可以展示選單一內的所有內容。<b>...繼續浏覽</b></span>
/*將繼續浏覽字另設色彩顯示*/
        <li>
    font-weight: 600;
                <span>這是滑入式選單二,在這裡可以展示選單一內的所有內容翻譯<b>...繼續浏覽</b></span>

        <li>
    background-color: #fc0;
                <span>這是滑入式選單三,在這裡可以展現選單一內的所有內容。<b>...繼續浏覽</b></span>
}
</body>

        </li>       
    width: 268px;

    overflow:hidden;
    padding-left: 10px;

#gallery li a {


/*設定全部選單的版面,此處設高為100%,會主動縮放,可以設定一個固定的數值,將其版面定住*/
}
    padding: 0;
    background-color: #ff6;
    width: 278px;
    overflow: hidden;
    border: 4px solid #fc0;
/*設定id為gallery的li物件,其有<a>超連結的內容,先設height為30,將其潛藏*/
    font: 12px Arial, Helvetica翻譯社 sans-serif;
    list-style: none;
    text-decoration: none;
#gallery {
/*當滑鼠移到<a>保持時將其內容睜開,這裡設height為100%,會隨內容高度睜開,也可設定固定命值,將其版面定住*/
將此CSS貼到<head></head>之間:
<style type="text/css">
    color: #000;
}

    font: 13px "Arial Black", Arial, Helvetica, sans-serif;



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

<body>
        </li>
------------------------------------------------------------------------------------------------------
                <h3>滑入式睜開選單二</h3>
            <a href="#">
}
            </a>
    text-transform: uppercase;
#gallery h3{
        </li>
#gallery li a:hover {
                <h3>滑入式展開選單三</h3>
            <a href="#">
            </a>

    </ul>
        <li>
    height: 30px;

CSS展開式選單

CSS展開式選單
如圖,當滑鼠移到文字"滑入式睜開選單二"時,就會展開其內容翻譯
"65306", {});
在做滑入式選單時,除可用JavaScriptjquery製作,也可以使用CSS製作,這裡為利用CSS製作的規範,利用CSS製作時,只需要一開始埋沒文字的內容(將height設小一點),當滑鼠移到連結時,再將其內容睜開(將height設為100%)。
    color: #600;
<!--
    height: 100%;
    margin: 0;
    height: 100%;
    letter-spacing: -1px;
#gallery b{
    display: block;




引用自: http://blog.roodo.com/jessica_bird/archives/10488077.html有關各國語文翻譯公證的問題歡迎諮詢天成翻譯公司02-77260931
arrow
arrow
    文章標籤
    翻譯社
    全站熱搜
    創作者介紹
    創作者 megano2q72nk 的頭像
    megano2q72nk

    megano2q72nk@outlook.com

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