變換菜單展示及制作

2022-06-10    分類： 網站建設

效果圖：

點擊菜單   中英文切換

css樣式：


.top-nav
{
font-size: 12px;
font-weight: bold;
list-style: none;
border-bottom: 8px solid #DC4E1B;
overflow: auto;

//去浮動，使下級的浮動自適應或 overflow：hidden；
}
.top-nav li
{
float: left;
margin-right: 1px;
}
.top-nav li a
{
line-height: 20px;
text-decoration: none;
background: #DDDDDD;
color: #666666;
display: block;
width: 80px;
text-align: center;
}
/*設置正常狀態英文菜單隱藏*/
.top-nav li a span{
display:none;
}
/*鼠標移動到鏈接上面時將英文菜單顯示*/
.top-nav li a:hover span{
display:block;
}
/*鼠標移動到鏈接上面時將中文菜單位置上移*/
.top-nav li a:hover{
margin-top:-20px;
}

當前標題：變換菜單展示及制作
網頁URL：http://m.kartarina.com/news/165813.html

成都網站建設公司_創新互聯，為您提供ChatGPT、營銷型網站建設、定制開發、服務器托管、品牌網站設計、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都app開發公司
主站蜘蛛池模板： 国产成人无码精品一区在线观看| 国产精品无码AV天天爽播放器| 国产精品亚洲专区无码不卡| 影院无码人妻精品一区二区| 午夜福利av无码一区二区 | 无码伊人66久久大杳蕉网站谷歌| 久久亚洲精品无码aⅴ大香| 亚洲AV无码专区在线厂| 亚洲午夜福利精品无码| 亚洲国产精品无码久久| 无码精品一区二区三区在线| 亚洲AV无码乱码在线观看牲色| 久久水蜜桃亚洲av无码精品麻豆 | 亚洲成a人片在线观看天堂无码| 国产亚洲精品无码专区| 亚洲av无码专区亚洲av不卡| 亚洲不卡中文字幕无码| 无码一区二区三区在线| 无码熟妇人妻av| 久久午夜夜伦鲁鲁片免费无码| a级毛片免费全部播放无码| 无码少妇一区二区三区芒果| 久久人妻少妇嫩草AV无码专区 | 亚洲国产精品无码久久久不卡| 国产精品爽爽V在线观看无码| 亚洲GV天堂无码男同在线观看| 亚洲成A∨人片在线观看无码| 亚洲精品无码专区久久久| 国产激情无码一区二区三区| yy111111少妇影院里无码| 成年无码av片在线| 国产啪亚洲国产精品无码| 午夜亚洲av永久无码精品| 国产精品无码免费播放| 精品久久久无码人妻中文字幕豆芽 | 午夜福利无码不卡在线观看| 久久久无码中文字幕久...| 无码少妇一区二区性色AV| 无码少妇精品一区二区免费动态| 久久久无码精品国产一区| 麻豆国产精品无码视频|