首页二级菜单

admin

1. <div class="deannavbox">
   
2.     <div class="deannavboxname">
   
3.         <ul>
   
4.             <li class="deanli1">系统下载<b></b></li>
   
5.             <li class="deanli2">常用软件下载<b></b></li>
   
6.             <li class="deanli3">Adobe资源区<b></b></li>
   
7.             <li class="deanli4">CAD资源区<b></b></li>
   
8.             <li class="deanli5">inter ME下载<b></b></li>
   
9.             <li class="deanli6">Office资源下载<b></b></li>
   
10.             <li class="deanli7">浏览器插件区<b></b></li>
    
11.             <li class="deanli8">破解工具专区<b></b></li>
    
12.         </ul>
    
13.     </div>
    
14.     <div class="deannavboxc">
    
15.         <ul>
    
16.             <li class="deanliwrap1">
    
17.                 <div class="deanliwrap">
    
18.                     <div class="deanliwl">
    
19.                         <h3>系统下载</h3>
    
20.                         <div class="clear"></div>
    
21.                         <div class="deanliwdl">
    
22.                             <span class="menu-item">Windows系统</span>
    
23.                             <span class="menu-item">Linux系统</span>
    
24.                             <span class="menu-item">MacOS系统</span>
    
25.                         </div>
    
26.                         <div class="clear"></div>
    
27.                     </div>
    
28.                 </div>
    
29.             </li>
    
30.             <li class="deanliwrap2">
    
31.                 <div class="deanliwrap">
    
32.                     <div class="deanliwl">
    
33.                         <h3>常用软件下载</h3>
    
34.                         <div class="clear"></div>
    
35.                         <div class="deanliwdl">
    
36.                             <span class="menu-item">压缩工具</span>
    
37.                             <span class="menu-item">视频播放器</span>
    
38.                             <span class="menu-item">图片处理工具</span>
    
39.                         </div>
    
40.                         <div class="clear"></div>
    
41.                     </div>
    
42.                 </div>
    
43.             </li>
    
44.             <li class="deanliwrap3">
    
45.                 <div class="deanliwrap">
    
46.                     <div class="deanliwl">
    
47.                         <h3>Adobe资源区</h3>
    
48.                         <div class="clear"></div>
    
49.                         <div class="deanliwdl">
    
50.                             <span class="menu-item">Photoshop</span>
    
51.                             <span class="menu-item">Illustrator</span>
    
52.                             <span class="menu-item">Premiere</span>
    
53.                             <span class="menu-item">After Effects</span>
    
54.                         </div>
    
55.                         <div class="clear"></div>
    
56.                     </div>
    
57.                 </div>
    
58.             </li>
    
59.             <li class="deanliwrap4">
    
60.                 <div class="deanliwrap">
    
61.                     <div class="deanliwl">
    
62.                         <h3>CAD资源区</h3>
    
63.                         <div class="clear"></div>
    
64.                         <div class="deanliwdl">
    
65.                             <span class="menu-item">AutoCAD</span>
    
66.                             <span class="menu-item">SolidWorks</span>
    
67.                             <span class="menu-item">SketchUp</span>
    
68.                             <span class="menu-item">Revit</span>
    
69.                         </div>
    
70.                         <div class="clear"></div>
    
71.                     </div>
    
72.                 </div>
    
73.             </li>
    
74.             <li class="deanliwrap5">
    
75.                 <div class="deanliwrap">
    
76.                     <div class="deanliwl">
    
77.                         <h3>inter ME下载</h3>
    
78.                         <div class="clear"></div>
    
79.                         <div class="deanliwdl">
    
80.                             <span class="menu-item">工程模块</span>
    
81.                             <span class="menu-item">模拟系统</span>
    
82.                             <span class="menu-item">数据库工具</span>
    
83.                         </div>
    
84.                         <div class="clear"></div>
    
85.                     </div>
    
86.                 </div>
    
87.             </li>
    
88.             <li class="deanliwrap6">
    
89.                 <div class="deanliwrap">
    
90.                     <div class="deanliwl">
    
91.                         <h3>Office资源下载</h3>
    
92.                         <div class="clear"></div>
    
93.                         <div class="deanliwdl">
    
94.                             <span class="menu-item">Word</span>
    
95.                             <span class="menu-item">Excel</span>
    
96.                             <span class="menu-item">PowerPoint</span>
    
97.                             <span class="menu-item">Outlook</span>
    
98.                         </div>
    
99.                         <div class="clear"></div>
    
100.                     </div>
     
101.                 </div>
     
102.             </li>
     
103.             <li class="deanliwrap7">
     
104.                 <div class="deanliwrap">
     
105.                     <div class="deanliwl">
     
106.                         <h3>浏览器插件区</h3>
     
107.                         <div class="clear"></div>
     
108.                         <div class="deanliwdl">
     
109.                             <span class="menu-item">广告拦截</span>
     
110.                             <span class="menu-item">翻译工具</span>
     
111.                             <span class="menu-item">开发者工具</span>
     
112.                         </div>
     
113.                         <div class="clear"></div>
     
114.                     </div>
     
115.                 </div>
     
116.             </li>
     
117.             <li class="deanliwrap8">
     
118.                 <div class="deanliwrap">
     
119.                     <div class="deanliwl">
     
120.                         <h3>破解工具专区</h3>
     
121.                         <div class="clear"></div>
     
122.                         <div class="deanliwdl">
     
123.                             <span class="menu-item">软件破解</span>
     
124.                             <span class="menu-item">游戏破解</span>
     
125.                             <span class="menu-item">系统激活工具</span>
     
126.                         </div>
     
127.                         <div class="clear"></div>
     
128.                     </div>
     
129.                 </div>
     
130.             </li>
     
131.         </ul>
     
132.     </div>
     
133.     <script type="text/javascript">
     
134.         jq(".deannavboxname li").each(function(s){
     
135.             jq(this).hover(
     
136.                 function(){
     
137.                     jq(this).addClass("cur");
     
138.                     jq(".deannavboxc ul li").eq(s).show();
     
139.                 },
     
140.                 function(){
     
141.                     jq(this).removeClass("cur");
     
142.                     jq(".deannavboxc ul li").eq(s).hide();
     
143.                 })
     
144.             })
     
145.         jq(".deannavboxc ul li").each(function(s){
     
146.             jq(this).hover(
     
147.             function(){
     
148.                 jq(this).show();
     
149.                 jq(".deannavboxname li").eq(s).addClass("cur");
     
150.             },
     
151.             function(){
     
152.                 jq(this).hide();
     
153.                 jq(".deannavboxname li").eq(s).removeClass("cur");
     
154.                 })
     
155.             })
     
156. 
     
157.         jq(".menu-item").css({
     
158.             "margin-right": "15px",
     
159.             "transition": "color 0.3s ease, font-weight 0.3s ease",
     
160.             "font-weight": "bold",
     
161.             "background": "linear-gradient(90deg, #ff7e5f, #feb47b)",
     
162.             "-webkit-background-clip": "text",
     
163.             "-webkit-text-fill-color": "transparent"
     
164.         });
     
165. 
     
166.         jq(".menu-item").hover(
     
167.             function(){
     
168.                 jq(this).css({"color": "#000", "font-weight": "bold", "-webkit-text-fill-color": "#000"});
     
169.             },
     
170.             function(){
     
171.                 jq(this).css({"background": "linear-gradient(90deg, #ff7e5f, #feb47b)", "-webkit-background-clip": "text", "-webkit-text-fill-color": "transparent"});
     
172.             }
     
173.         );
     
174.     </script>
     
175. </div>
     

复制代码