-
span:hover查看全部
-
$(document).ready(function(){.... })這樣的寫法作用是希望在頁面加載完,自動執(zhí)行定義js代碼(function)。 $(document).ready(function(){.... })這個函數(shù)是用來取代頁面中的window.onload; document.ready()和傳統(tǒng)的方法<body onload=”load()”> 相似,不同的是onload()的方法是在頁面加載完成后才發(fā)生,這包括DOM元素和其他頁面元素(例如圖片)的加載,因此,使用document.ready()方法的執(zhí)行速度比onload()的方法要快。查看全部
-
ffffff查看全部
-
1、腳本和樣式都可以添加效果,為了更精確的添加,一般采用腳本的方式,添加類; 2、dl中的dt、dd能實現(xiàn)標題內容的有序排列; 3、mouseenter和mouseleave鼠標移入移出;使用mouseover、mouseout,鼠標移動到子元素上,即使沒有離開父元素,也會觸發(fā)父元素的mouseout事件,mouseenter和mouseleave,如果沒有離開父元素,在其子元素上任意移動,都不會觸發(fā)mouseleave事件; 4、事件代理方式,綁定在父元素上;查看全部
-
歐偶查看全部
-
啊啊啊啊啊查看全部
-
我的筆記12查看全部
-
日范德薩范德薩查看全部
-
nnn查看全部
-
一、基于用戶行為預測的切換技術: 1、跟蹤鼠標的移動。 2、用鼠標當前位置,和鼠標上一次位置與子菜單上下邊緣形成的三角形區(qū)域進行比較。 二、如何比較 1、向量:Vab=Pb-Pa 2、二維向量叉乘公式: a(x1,y1)*b(x2,y2)=x1*y2-x2*y1 3、用叉乘法判斷點在三角形內 三、實現(xiàn)效果: 1、鼠標自然的移動和點擊到子菜單。 2、切換時無延遲。查看全部
-
一、加入延遲 1、切換子菜單時候,用setTimeout設置延遲。 2、debounce去抖科技: 在事件被頻繁觸發(fā)時,只執(zhí)行一次處理。查看全部
-
一、對一級菜單的每一個列表項進行綁定事件: 這時候并不是選中所有的列表項然后循環(huán),對每一個進行事件綁定。而是采用這種事件代理的方式,來進行事件的綁定。好處: 1、如果有場景需要動態(tài)添加或刪除列表項,如果采用單個事件綁定方式,會造成一些性能上的問題,還會增加代碼。如果綁定在父元素上,無論是增加或刪除任何的節(jié)點,都不需要再添加任何的代碼。不需要為后續(xù)增加節(jié)點,再綁定事件,因為利用事件冒泡的特性。查看全部
-
一、mouseenter與mouseover的區(qū)別: 使用mouseover/mouseout時,如果鼠標移動到子元素上,即使沒有離開父元素,也會觸發(fā)父元素的mouseout事件; 使用mouseenter/mouseleave時,如果鼠標沒有離開父元素,在其子元素上任意移動,也不會觸發(fā)mouseleave事件;查看全部
-
一、當樣式切換需要用到js來控制的時候,一般用類。如果不需要的話,可以直接用span:hover來實現(xiàn)。 如果要用精細的控制,一般用js實現(xiàn)。如動畫,可以用css3實現(xiàn),如果要實現(xiàn)對幀的控制,就要用js。 二、給頁面添加圖標或其他東西的時候,為了減少幾個字符,就用<i>元素,可以省去一些字節(jié)。查看全部
-
一、課程內容。 1、開發(fā)基本的菜單結構。 2、開發(fā)普通的二級菜單效果。 3、加入延遲解決移動問題。 4、解決延遲引入的新問題。查看全部
舉報
0/150
提交
取消