二级导航制作实现不是很理解？-PHP中国語ネットワーク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

955

这一段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棟

セカンダリナビゲーションの制作と実装が理解できませんか? - PHP 中国語 Web サイト Q&A - セカンダリナビゲーション制作の実装がわかりませんか? -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

返信を追加