成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

JavaScript實(shí)現(xiàn) 滿(mǎn)天星 導(dǎo)航欄

weizx / 760人閱讀

摘要：說(shuō)明分享一個(gè)滿(mǎn)天星導(dǎo)航欄的效果，代碼不多，但效果挺好看，先看看效果圖吧。解釋實(shí)現(xiàn)這個(gè)效果，需要掌握的知識(shí)不用很多，知道簡(jiǎn)單的，會(huì)用獲取元素，能綁定事件基本就足夠了。

說(shuō)明

分享一個(gè)滿(mǎn)天星導(dǎo)航欄的效果，代碼不多，但效果挺好看，先看看效果圖吧。

解釋

實(shí)現(xiàn)這個(gè)效果，需要掌握的知識(shí)不用很多，知道簡(jiǎn)單的CSS，會(huì)用JS 獲取元素， 能綁定事件基本就足夠了。
好的，我們直接來(lái)看代碼，注釋已經(jīng)寫(xiě)的很詳細(xì)了，不想看有注釋的，點(diǎn)這里。

注意：如果需要修改樣式，不要把 nav元素 和 nav 里面的 li元素，給定位了，因?yàn)樽詈缶€(xiàn)的位置是根據(jù) a元素的 offsetHeight 和 offsetLeft 定位的，如果 nav元素 和 nav 里面的 li元素 定位了，會(huì)改變 a元素的offsetParent元素，位置就不對(duì)了。
對(duì)offsetHeight、offsetLeft 和 offsetParent 不理解的點(diǎn)這里

總結(jié)

實(shí)現(xiàn)這個(gè)效果，就是做了一個(gè) starrySky對(duì)象，定義好一些必須的屬性，主要靠 disperse() 和 combine() 兩個(gè)方法，需要星星分散的時(shí)候調(diào)用disperse()，需要星星連成線(xiàn)的時(shí)候調(diào)用combine()，好的就這樣了。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/93218.html

相關(guān)文章

  • JavaScript實(shí)現(xiàn) 滿(mǎn)天星 導(dǎo)航欄

    摘要：說(shuō)明分享一個(gè)滿(mǎn)天星導(dǎo)航欄的效果，代碼不多，但效果挺好看，先看看效果圖吧。解釋實(shí)現(xiàn)這個(gè)效果，需要掌握的知識(shí)不用很多，知道簡(jiǎn)單的，會(huì)用獲取元素，能綁定事件基本就足夠了。 說(shuō)明 分享一個(gè)滿(mǎn)天星導(dǎo)航欄的效果，代碼不多，但效果挺好看，先看看效果圖吧。 showImg(https://segmentfault.com/img/bV472Y?w=914&h=114); 解釋 實(shí)現(xiàn)這個(gè)效果，需要掌...

    pumpkin9 評(píng)論0 收藏0

  • 從今天開(kāi)始，拿起VuePress打造屬于自己的專(zhuān)屬博客

    摘要：故九萬(wàn)里，則風(fēng)斯在下矣，而后乃今培風(fēng)背負(fù)青天，而莫之夭閼者，而后乃今將圖南。這里是文件的內(nèi)容部分最后更新時(shí)間最后更新時(shí)間默認(rèn)不開(kāi)啟，它是基于提交的時(shí)間戳，所以我們的靜態(tài)站點(diǎn)是需要通過(guò)的倉(cāng)庫(kù)進(jìn)行管理的，并且它是按的時(shí)間來(lái)計(jì)算的。VuePress(0.x版本) 本blog配套了一個(gè)基于 VuePress 的一個(gè)簡(jiǎn)單的配置案例，此配置案例包含了本blog絕大部分配置案例，更多詳情請(qǐng)移步這里VueP...

    dantezhao 評(píng)論0 收藏0

  • 純 javascript 半自動(dòng)式下滑一定高度，導(dǎo)航欄固定

    摘要：滾動(dòng)條下滑一定高度時(shí)，固定指定的導(dǎo)航條。固定對(duì)象距離頂部高度為去掉前面的雙斜杠，然后在頁(yè)面中刷新并向下滾動(dòng)，頁(yè)面就彈出的高度。效果示例效果戳我。當(dāng)前做法已經(jīng)不建議，建議使用最新效果新地址 滾動(dòng)條下滑一定高度時(shí)，固定指定 ID 的導(dǎo)航條。 使用方法：1、修改 FixTop() 中 id 為需要固定導(dǎo)航的相應(yīng) id ；2、修改 FixTop() 中 offsettop 為需要固定對(duì)象導(dǎo)航距...

    raise_yang 評(píng)論0 收藏0

  • ??使用 HTML、CSS 和 JS 創(chuàng)建響應(yīng)式可過(guò)濾的游戲+工具展示頁(yè)面 ??

    響應(yīng)式可過(guò)濾的游戲+工具展示頁(yè)面 用于各種網(wǎng)站以按類(lèi)別對(duì)圖像進(jìn)行排序。在本文中，我將向您展示如何借助 HTML CSS 和 javascript 創(chuàng)建響應(yīng)式可過(guò)濾的游戲+工具展示頁(yè)面。 可過(guò)濾作品集是一種流行的網(wǎng)絡(luò)元素，可用于各種網(wǎng)站。它是一種作品畫(huà)廊，大量作品整齊地排列在一起。值得注意的一點(diǎn)是，所有作品都可以在這里按類(lèi)別排序。有一個(gè)導(dǎo)航欄，其中對(duì)所有類(lèi)別進(jìn)行了排序。單擊這些類(lèi)別中的任何一個(gè)時(shí)。...

    Lavender 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<