二级导航制作实现不是很理解？-PHP 중국어 네트워크 Q&A

기사 주제 학습 다운로드 Q&A 프로그래밍 사전 게임 최근 업데이트

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

二级导航制作实现不是很理解？

phpcn_u251 2017-03-04 15:03:24

965

这一段js不是很明白，为什么要判断长度是否大于零啊，stop(true,true)为什么用这个呢，不是很理解


   首页 
  公司简介 
  董事长致辞 
  组织架构 
  资质证书 
  项目动态 
  精品工程  烟囱工程 筒仓工程 冷却塔工程 烟囱缸内简工程 工业土建工程 其他工程 
 
  工程业绩  烟囱工程 筒仓工程 冷却塔工程 烟囱缸内简工程 工业土建工程 其他工程 
 
  联系我们 
 
 // 导航移上去显示二级导航的效果 $(".nav_list_all").find(".nav_list").hover(function(){ if($(this).find(".nav_child").length>0){ $(".nav_child_bg").stop(true,true).slideDown(200); $(this).find(".nav_child").stop(true,true).slideDown(300); } },function(){ $(".nav_child_bg").stop(true,true).slideUp(300); $(this).find(".nav_child").stop(true,true).slideUp(200); })

phpcn_u251

모든 응답 (2)

数据分析师2017-10-01 00:40:48 2층

2차 내비게이션 제작 및 구현이 이해가 안 되시나요? -PHP 중국사이트 Q&A - 2차 내비게이션 제작 구현이 이해가 안 되시나요? -PHP 중국어 홈페이지 Q&A

꼭 보고 배워보세요.

좋다+0

답글 추가

阿神2017-03-04 15:04:22 1층

1.不判断长度是否大于零。长度为零时(".nav_child").stop执行会报错，因为无可执行对象，同时也可以节省操作，长度为零则不需要展开。$(".nav_child_bg")(应该是背景吧)，背景是不需要移动的。
2.stop(true,true)。hover会在移入和移出的时候触发分别触发一个回调函数。你想一下，触发移出的时候，移入动画还未执行完毕(仍然在展开)，是不是就不是你预期的移出的效果(收回)，会有一定滞后(已经需要收回了，动画还在执行展开)。而且把stop()都去掉频繁hover会导致无操作时动画还在跑。

좋다+0

답글 추가