<!DOCTYPE html>
<html lang="ko">
</html>
CSS: **
*{
}
몸{
}
/탐색 모음 배경/
.nav{
}
/탐색 모음 버튼/
.box{
}
.박스에 {
으아아아}
/IE 처리, 링크 점선 상자 호환/
a:focus{outline:none;}
.a1{
으아아아}
.a2{
으아아아}
.a3{
으아아아}
.a4{
으아아아}
.a5{
으아아아}
.a6{
으아아아}
/왼쪽 접이식 사이드바, 3단계/
/큰 배경 상자/
.leftNav{
}
/가장 바깥쪽의 큰 UL, 첫 번째 레이어의 전체 위치/
.ulBox1 {
}
.ulBox1 리 {
}
.ulBox1a {
}
/2급 공개수업.Arrow/
.ulBox2 .yonghu2,.jichu2,.xiaoshou2,.caigou2,.shengchan2,.kucun2,.caiwu2 {
}
/3차 레이어 공개 클래스.Arrow/
.ulBox2 .kehu3,.gongying3,.chanping3,.dingdan3,.baobiao3,.jihua3,.baobiao3-2,.shengcan3,.baobiao3-3,.cangku3 , .ruku3,.chuku3,.baobiao3-4,
.caiwu3,.yingshou3,.yingfu3,.tongji3{
}
/신고형 공개 수업/
.ulBox2 .baobiao3-1,.baobiao3-2-1,.baobiao3-3-1,.baobiao3-4-1 {
}
/첫 번째 레이어 아이콘 설정 시스템/
.ulBox1 .xitong{
}
/2층 모든 옵션의 상하 거리, 모든 옵션/
.ulBox2 li{
}
/두 번째 레이어, 첫 번째 설정 아이콘 사용자 /
.ulBox2 .yonghu1-1 {
}
/두 번째 레이어, 두 번째 항목 설정 아이콘 이메일/
.ulBox2 .jichu2-1 {
}
/두 번째 수준, 두 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .jichu2 ul{
}
/2레벨, 2레벨 옵션, 3레벨 디렉터리 아이콘 설정/
/첫 번째 항목/
.jichu2-2 .kehu3-1{
}
/두 번째 아이템/
.jichu2-2 .gongying3-1 {
}
/세번째 아이템/
.jichu2-2 .chanping3-1 {
}
/두 번째 수준, 세 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .xiaoshou2 ul{
}
/두 번째 레이어, 두 번째 설정 아이콘 이메일/
.ulBox2 .xiaoshou2-1 {
}
/2차,3차 옵션,3차 디렉터리 아이콘 설정/
/첫 번째 항목/
.xiaoshou2-2 .dingdan3-1 {
}
/두 번째 수준, 네 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .caigou2 ul {
}
/두 번째 레이어, 네 번째 아이템 설정 구매 아이콘/
.ulBox2 .caigou2-1 {
}
/2레벨, 4번째 옵션, 3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.caigou2-2 .jihua3-1 {
}
/두 번째 수준, 다섯 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .shengchan2 ul {
}
/두번째 레이어, 다섯번째 아이템 설정 제작 아이콘/
.ulBox2 .shengchan2-1 {
}
/2레벨, 5번째 옵션, 3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.shengchan2-2 .shengchan3-1 {
}
/두 번째 수준, 여섯 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .kucun2 ul {
}
/두 번째 레이어, 여섯 번째 아이템 설정 인벤토리 아이콘/
.ulBox2 .kucun2-1 {
}
/2레벨,6번째 옵션,3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.kucun2-2 .cangku3-1 {
}
/두 번째 아이템/
.kucun2-2 .ruku3-1 {
}
/세번째 아이템/
.kucun2-2 .chuku3-1 {
}
/두 번째 수준, 일곱 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .caiwu2 ul {
}
/2레벨, 7번째 아이템 설정 인벤토리 아이콘/
.ulBox2 .caiwu2-1 {
}
/2차,7차 옵션,3차 디렉터리 설정 아이콘/
/첫 번째 항목/
.caiwu2-2 .caiwu3-1 {
}
/두번째 아이템/
.caiwu2-2 .yingshou3-1 {
}
/세 번째 아이템/
.caiwu2-2 .yingfu3-1 {
}
/네번째 아이템/
.caiwu2-2 .tongji3-1 {
}
/2급, 7급 옵션, 4급 디렉터리 설정 아이콘/
.caiwu2-3{
}
/첫번째 아이템/
.caiwu2-3 .baobiao4 {
}
/두번째 아이템/
.caiwu2-3 .liebiao4 {
}
/세 번째 아이템/
.caiwu2-3 .xinzeng4 {
}
/두 번째 레이어, 두 번째 레벨 ul ulBox2, 7개 리 옵션 .jichu2/.xiaoshou2/.caigou2/.shengchan2/.kucun2/.caiwu2 두 번째 레벨에 해당하는 세 번째 레벨 6접기 /
/ .jichu2-2 .xiaoshou2-2 .caigou2-2 .shengchan2-2 .kucun2-2 .caiwu2-2/
.ulBox2 .jichu2-2,.xiaoshou2-2,.caigou2-2,.shengchan2-2,. kucun2-2,.caiwu2-2 {
}
/세 번째 레이어 .tongji3 접기, .caiwu2-3/
.ulBox2 .caiwu2-3 {
}
.hideen {
}
/!!Show !!/
.show {
display: block;
}
//CSSS 코드:
*{
}
몸{
}
/탐색 모음 배경/
.nav{
}
/탐색 모음 버튼/
.box{
}
.박스에 {
으아악}
/IE 처리, 링크 점선 상자 호환/
a:focus{outline:none;}
.a1{
으아악}
.a2{
으아악}
.a3{
으아악}
.a4{
으아악}
.a5{
으아악}
.a6{
으아악}
/왼쪽 접이식 사이드바, 3단계/
/큰 배경 상자/
.leftNav{
}
/가장 바깥쪽의 큰 UL, 첫 번째 레이어의 전체 위치/
.ulBox1 {
}
.ulBox1 리 {
}
.ulBox1a {
}
/2급 공개수업.Arrow/
.ulBox2 .yonghu2,.jichu2,.xiaoshou2,.caigou2,.shengchan2,.kucun2,.caiwu2 {
}
/3차 레이어 공개 클래스.Arrow/
.ulBox2 .kehu3,.gongying3,.chanping3,.dingdan3,.baobiao3,.jihua3,.baobiao3-2,.shengcan3,.baobiao3-3,.cangku3 , .ruku3,.chuku3,.baobiao3-4,
.caiwu3,.yingshou3,.yingfu3,.tongji3{
}
/신고형 공개 수업/
.ulBox2 .baobiao3-1,.baobiao3-2-1,.baobiao3-3-1,.baobiao3-4-1 {
}
/첫 번째 레이어 아이콘 설정 시스템/
.ulBox1 .xitong{
}
/2층 모든 옵션의 상하 거리, 모든 옵션/
.ulBox2 li{
}
/두 번째 레이어, 첫 번째 설정 아이콘 사용자 /
.ulBox2 .yonghu1-1 {
}
/두 번째 레이어, 두 번째 항목 설정 아이콘 이메일/
.ulBox2 .jichu2-1 {
}
/두 번째 수준, 두 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .jichu2 ul{
}
/2레벨, 2레벨 옵션, 3레벨 디렉터리 아이콘 설정/
/첫 번째 항목/
.jichu2-2 .kehu3-1{
}
/두 번째 아이템/
.jichu2-2 .gongying3-1 {
}
/세번째 아이템/
.jichu2-2 .chanping3-1 {
}
/두 번째 수준, 세 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .xiaoshou2 ul{
}
/두 번째 레이어, 두 번째 설정 아이콘 이메일/
.ulBox2 .xiaoshou2-1 {
}
/2차,3차 옵션,3차 디렉터리 아이콘 설정/
/첫 번째 항목/
.xiaoshou2-2 .dingdan3-1 {
}
/두 번째 수준, 네 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .caigou2 ul {
}
/두 번째 레이어, 네 번째 아이템 설정 구매 아이콘/
.ulBox2 .caigou2-1 {
}
/2레벨, 4번째 옵션, 3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.caigou2-2 .jihua3-1 {
}
/두 번째 수준, 다섯 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .shengchan2 ul {
}
/두번째 레이어, 다섯번째 아이템 설정 제작 아이콘/
.ulBox2 .shengchan2-1 {
}
/2레벨, 5번째 옵션, 3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.shengchan2-2 .shengchan3-1 {
}
/두 번째 수준, 여섯 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .kucun2 ul {
}
/두 번째 레이어, 여섯 번째 아이템 설정 인벤토리 아이콘/
.ulBox2 .kucun2-1 {
}
/2레벨,6번째 옵션,3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.kucun2-2 .cangku3-1 {
}
/두 번째 아이템/
.kucun2-2 .ruku3-1 {
}
/세번째 아이템/
.kucun2-2 .chuku3-1 {
}
/두 번째 수준, 일곱 번째 옵션, 세 번째 수준 디렉터리 왼쪽으로 이동/
.ulBox2 .caiwu2 ul {
}
/2레벨, 7번째 아이템 설정 인벤토리 아이콘/
.ulBox2 .caiwu2-1 {
}
/2레벨,7번째 옵션,3레벨 디렉터리 설정 아이콘/
/첫 번째 항목/
.caiwu2-2 .caiwu3-1 {
}
/두번째 아이템/
.caiwu2-2 .yingshou3-1 {
}
/세 번째 아이템/
.caiwu2-2 .yingfu3-1 {
}
/네번째 아이템/
.caiwu2-2 .tongji3-1 {
}
/2급, 7급 옵션, 4급 디렉터리 설정 아이콘/
.caiwu2-3{
}
/첫번째 아이템/
.caiwu2-3 .baobiao4 {
}
/두번째 아이템/
.caiwu2-3 .liebiao4 {
}
/세 번째 아이템/
.caiwu2-3 .xinzeng4 {
}
/두 번째 레이어, 두 번째 레벨 ul ulBox2, 7개 리 옵션 .jichu2/.xiaoshou2/.caigou2/.shengchan2/.kucun2/.caiwu2 두 번째 레벨에 해당하는 세 번째 레벨 6접기 /
/ .jichu2-2 .xiaoshou2-2 .caigou2-2 .shengchan2-2 .kucun2-2 .caiwu2-2/
.ulBox2 .jichu2-2,.xiaoshou2-2,.caigou2-2,.shengchan2-2,. kucun2-2,.caiwu2-2 {
}
/세 번째 레이어 .tongji3 접기, .caiwu2-3/
.ulBox2 .caiwu2-3 {
}
.hideen {
}
/!!Show !!/
.show {
display: block;
}
// JQ을 사용하는 JS 코드 /**
작성자: zhengyongchun, 날짜: 2017/4/18.*/
$(function () {
으아아아
으아아아
으아아아
친절한 지원. . .
몇 가지 조언을 드리고 싶습니다.
1. 질문 제목에는 오타가 없어야 하며, 문장이 부드러워야 합니다. 보내기 전에 직접 검토해 보세요.
2. 샘플 코드는 너무 길지 않아야 합니다. 여기서는 300~400줄의 코드를 읽을 시간이 없습니다
키코드를 게시해 놓는 것이 낫지 않을까요?