首頁 > web前端 > js教程 > jsp js滑鼠移動到指定區域顯示選項卡離開時隱藏範例_javascript技巧

jsp js滑鼠移動到指定區域顯示選項卡離開時隱藏範例_javascript技巧

WBOY
發布: 2016-05-16 17:32:12
原創
1504 人瀏覽過

-1.右側彈出導覽選單完整程式碼

複製程式碼 程式碼如下:




>
右側彈出導覽選單-柯樂義

.my_left_category{
寬度:150px ;
字體大小:12px;
字體系列:arial、sans-serif;
字母間距:2px;
}
.my_left_category h1{
background-image:url(http ://www.keleyi.com/keleyi/phtml/rightmenu/top.gif);
高度:20px;
背景重複:不重複;
字體大小:14px;
字體粗細:粗體;
左內邊距:15px;
頂部填充:8px;
邊距:0px;
顏色:#FFF;
}
.my_left_category .my_list_list 🎜>寬度:148px;
邊框顏色:#b60134;
邊框樣式:實心;
邊框寬度:0px 1px 1px 1px;
行高:13.5pt>; .my_left_category .my_left_cat_list h2 {
邊距:0px;
內邊距:3px 5px 0px 9px;
}
.my_left_categoegory .my_left_Hcategof >字體粗細:粗體;
字體大小:14px;
行高:22px;
}
.my_left_category .my_left_cat_list h2 a:hover {
顏色:#d6290b ;字型粗細:粗體;
字型:14px;
行高:22px;
}
.my_left_category .h2_cat{
寬度:148px
高:26px; >背景圖片:url(http://www.keleyi.com/keleyi/phtml/rightmenu/right.gif);
背景重複:不重複;
行高:26px;
字體粗細:正常;
顏色:#333333;
位置:親屬;
}
.my_left_category .h2_cat_1{
寬度:148px;
高度:26px; (http://www.keleyi.com/keleyi/phtml/rightmenu/line.gif);
背景重複:不重複;
行高:26px;
字體粗細:正常;
顏色:#333333;
位置:親屬;
}
.my_left_category a{
字體:12px;
文字裝飾:無;
顏色:#3333333333333;;
.my_left_category a:hover{
文字裝飾:底線;
顏色:#ff3333;
}
.my_left_category h3{
邊距:0px; :0px;
高度:26px;
字體大小:12px;
字體粗細:正常;
顯示:塊;
左內邊距:8px;
}
.my_left_category h3 span{color:#999999;寬度:145px;浮動:右;}
.my_left_category h3 a{ 行高:26px;}
.my_left_category .h3_category. >寬度:204px;
位置:絕對;
左:123px;
頂部邊距:-26px;
遊​​標:自動;
}
.my_left_category .shadow{
}
.my_left_category .shadow >位置:繼承;
背景:url(http://www.keleyi.com/keleyi/phtml/rightmenu/back.gif) 左上;
寬度:204px;
}
.my_left_category .shadow_border{
位置:繼承;
寬度:200px;
邊框:1px實心#959595;頂部邊距:1px;
左邊框寬度:0px;
背景:url(http ://www.keleyi.com/keleyi/phtml/rightmenu/height.gif) 無重複0px 21px;
背景顏色:#ffffff;
margin-bottom:3px
}
.my_left_ego.my_left .shadow_border ul{margin:0;填充:0; margin-left:15px}
.my_left_category .shadow_border ul li {
list-style:none;
左內邊距:10px;背景圖片:url(http://www.keleyi.com/keleyi/phtml/rightmenu/justright.gif);
背景重複:不重複;
背景位置:0px 8px;
浮動:左;
寬度:75px;
高度:26px;
溢出:隱藏;
字母間距:0px;
}
.my_left_category .active_cat{index:99; position:0 -25px;cursor:pointer;}
.my_left_category .active_cat h3 { font-weight:bold}
. my_left_category .active_cat h3 span{ display:none;}



分类导航



按网站类别






按品牌选货




网站建设










按價格選購




超值特價區


現貨區




身體>


0、底部彈出導覽選單代碼
複製程式碼程式碼如下:




css+div+js下拉菜单导航--柯乐义







相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板