-
ToolTip特效設(shè)計(jì)技術(shù)點(diǎn)： （1）絕對(duì)定位：position:absolute （2）js創(chuàng)建dom：createElement與appendChild。 createElement：創(chuàng)建元素節(jié)點(diǎn)，并返回創(chuàng)建的Element對(duì)象。 appendChild：把元素節(jié)點(diǎn)追加到已有的元素上。 createElement一般與appendChild聯(lián)合使用。 （3）鼠標(biāo)事件：mouseenter和mouseleave、setTimeout和clearTimeout。 mouseenter：當(dāng)鼠標(biāo)指針進(jìn)入一個(gè)元素的邊界區(qū)域時(shí)，會(huì)觸發(fā)mouseenter事件。 mouseleave：當(dāng)鼠標(biāo)指針從一個(gè)元素的邊界區(qū)域離開(kāi)時(shí)，會(huì)觸發(fā)mouseleave事件。 注意區(qū)別mouseenter和mouseover，mouseleave和mouseout。 不論鼠標(biāo)指針穿過(guò)被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。對(duì)應(yīng)mouseout 只有在鼠標(biāo)指針穿過(guò)被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。對(duì)應(yīng)mouseleave setTimeout：在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。注意setTimeout只執(zhí)行一次。 clearTimeout：可取消由setTimeout()方法設(shè)置的timeout。一般使用是： var t = setTimeout(......); clearTimeout(t); 核心代碼：<a class="tooltip"></a> 鼠標(biāo)移入時(shí)：<a class="tooltip">中國(guó)<div class="tooltip-box">中華人民共和國(guó)</div></a>查看全部
-
解決問(wèn)題流程：分析——>設(shè)計(jì)——>實(shí)現(xiàn) ToolTip特效分析： （1）詞匯約定： ToolTip提示框：浮動(dòng)的提示框，用來(lái)顯示相關(guān)提示信息 ToolTip超鏈接：指一些文字或圖片元素，當(dāng)鼠標(biāo)浮在它上面時(shí)，ToolTip提示框顯示查看全部
-
ToolTip四個(gè)關(guān)鍵點(diǎn)查看全部
-
筆記。。。查看全部
-
absolute 生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。 元素的位置通過(guò) "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。 fixed 生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。 元素的位置通過(guò) "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。 relative 生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。 因此，"left:20" 會(huì)向元素的 LEFT 位置添加 20 像素。 static 默認(rèn)值。沒(méi)有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。 inherit 規(guī)定應(yīng)該從父元素繼承 position 屬性的值。查看全部
-
制作步驟查看全部
-
事件兼容的寫法 var event = e || window.event查看全部
-
綁定事件統(tǒng)一方法查看全部
-
var isIE = navigator.userAgent.indexOf("MSIE") > -1;判斷是否為IE瀏覽器查看全部
-
js事件冒泡查看全部
-
綁定事件統(tǒng)一方法查看全部
-
js事件綁定方法查看全部
-
mouseenter和mouseleave的作用查看全部
-
createElement和appendChild的用法查看全部
-
特效所需掌握的技術(shù)點(diǎn)查看全部
舉報(bào)
0/150
提交
取消