窗簾式導航欄

2021-07-01 20:48:39 字數 1429 閱讀 8206

settimeout()

$(obj).hover(over,out)

over:滑鼠移到元素上要觸發的函式

out:滑鼠移出元素要觸發的函式

$(obj).stop([queue],[clearqueue],[jumptoend])

queue:用來停止動畫的佇列名稱

clearqueue:如果設定成true,則清空佇列。可以立即結束動畫。

jumptoend:如果設定成true,則完成佇列。可以立即完成動畫。

$(obj).animate(params,[speed],[easing],[fn])

params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合

speed:三種預定速度之一的字串(「slow」,」normal」, or 「fast」)或表示動畫時長的毫秒數值(如:1000)

easing:要使用的擦除效果的名稱(需要外掛程式支援).預設jquery提供」linear」 和 「swing」.

fn:在動畫完成時執行的函式,每個元素執行一次。

lang="en">

charset="utf-8">

title>

src="public/js/jquery-1.11.2-min.js">

script>

* .d1

ulul

li ullia

style>

head>

class="d1">

href="#">選單一a>

li>

href="#">選單二a>

li>

href="#">選單三a>

li>

href="#">選單四a>

li>

href="#">選單五a>

li>

href="#">選單六a>

li>

href="#">選單七a>

li>

href="#">選單八a>

li>

ul>

div>

$(function

(),500)

},i*50)

})},200)//這個200主要是控制滑鼠不斷的快進快出.造成畫面段節影響,

},function

() $("ul li").each(function

(i),500)

},i*50)

})})

})script>

body>

html>

簡易導航欄

知識點 塊級元素 行內元素 行內塊 的區別 特點?塊級元素 獨佔一行 可以設定寬度 高度 內外邊距 寬度預設是容器 父級寬度 的100 是乙個容器或者盒子,裡面可以放塊級或者行內元素 注意 文字類的元素 例如 p元素,h1 h6元素 內不能放 塊級元素 行內元素 相鄰行內元素,一行顯示多個 寬度 和...

小公尺導航欄

恢復內容開始 1 cursor 是在平時的基礎學習中見不到屬性 2 padding 上 右 下 左 padding 上 右左 下 padding 上下 左右 padding 上下左右 3 z index 屬性設定元素的堆疊順序,擁有 在相同頁面內用上下的區分 z index num1 num2 nu...

導航欄的建立

導航欄的建立 1.2 新增css,讓原本縱排的列表,橫著排。1.3 新增css,設定a標籤樣式。設定a標籤為塊狀,內邊距 避免重疊在一起 2 較複雜的導航欄 2.2 對a標籤的更複雜設定,背景色 文字顏色 去下劃線 加分割線 2.3 滑鼠懸停效果 2.4 居中對齊文字,將行高 line height...