建站
咨詢
售后
建站咨詢
新聞中心
這篇文章向大家分享一款 jQuery 菜單插件，用于實現(xiàn)前幾天網(wǎng)上流傳很廣的 Amazon 主頁的左上角超快反應(yīng)速度下拉菜單。當(dāng)鼠標(biāo)從菜單中的選項上滑過時，子菜單的顯示速度是超快的。我們可以看一下效果：
我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、辰溪ssl等。為超過千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的辰溪網(wǎng)站制作公司
這個顯示速度基本是與鼠標(biāo)移動同步的，但是絕大多數(shù)網(wǎng)站的下拉菜單在顯示子菜單時會都有一定的延遲，但是 Amazon 的下拉菜單沒有這個延遲，而且子菜單也不會在不應(yīng)該的時候消失。它是怎樣做到這一點的呢？答案是通過探測鼠標(biāo)移動的方向和軌跡。
想象在鼠標(biāo)當(dāng)前的位置和子菜單的左上角和左下角之間畫一個三角形。如果鼠標(biāo)在這個三角形的范圍之內(nèi)移動，那用戶很有可能是在把鼠標(biāo)從主菜單向子菜單里挪，所以不要立刻更新子菜單。但是如果鼠標(biāo)挪動到這個三角形之外，則可以馬上更新子菜單。這就是 Amazon 主頁反應(yīng)速度超快的下拉菜單背后的算法。
如果想把這個菜單邏輯運用到你的網(wǎng)站上，可以使用 Khan Academy 工程師 Ben Kamens 寫的 jQuery 插件—— menu-aim。
GitHub 插件下載
原文鏈接：http://www.cnblogs.com/lhb25/archive/2013/03/18/amazon-menu-jquery-plugin.html
本文名稱：實現(xiàn)Amazon超快下拉菜單的jQ插件
分享URL：http://fisionsoft.com.cn/article/djhepgg.html
