js_javascript 기술에 구현되어 일반적으로 사용되는 왼쪽 탐색 효과

일반적으로 사용되는 왼쪽 탐색 효과는 JS를 간단하게 탐색 성능을 향상시키기 위해 설계된 응용 프로그램입니다.

효과 표시:

HTML:

코드 복사 코드는 다음과 같습니다. 다음:

• 
  

  服饰箱包

  
  

  
  女装男装童装包包
  
  鞋饰品
  

  
  


• 
  

  酒水饮料

  
  

  
  女装男装童装包包
  
  鞋饰品
  

  
  


• 
  

  居家建材

  
  

  
  女装男装童装包包
  
  鞋饰品
  

  
  


• 
  

  餐饮娱乐

  
  

  
  女装男装童装包包
  
  鞋饰品
  

  
  


• 
  

  美容保健

  
  

  
  女装男装童装包包
  
  鞋饰品
  

  
  


• 
  

  教育培训

  
  

  
  女装男装童装包包
  

  
  


• 
  

  工业品

  
  

  
  女装男装童装包包
  

  
  


• 
  

  新奇特

  
  

  
  女装男装童装包包
  
  鞋饰品
  

  
  

项目视频

• 


• 


• 


• 


• 

• 
  

  
  
  

  
  

  
  
  
  
  
  
  
  
  

  
  

  
  
  

  
  

  
  
  
  
  
  
  
  
  

  
  

  
  
  
  
  
  
  
  
  

  
  


• 
  

  
  
  

  
  

  
  
  
  
  
  
  
  
  

  
  

  
  
  

  
  

  
  
  
  
  
  
  
  
  

  
  

  
  
  
  
  
  
  
  
  

  
  

2

3

4

5

6

7

8

JS：

复代码 代码如下:

$(".menu_list li").mouseenter(function(){
$(".menu_box").show();
var nav_index = $(".menu_list li") .index(this);
$(".menu_cont").eq(nav_index).show()//현재 콘텐츠에 해당하는 슬라이딩 메뉴
.siblings().hide()
});
$(".menu").mouseleave(function(){

$(".menu_box").hide();
})