亚洲欧洲中文日韩乱码av,亚洲国产精久久久久久久,亚洲欧美日韩久久精品,亚洲欧美日韩国产 ,亚洲av之男人的天堂网站,亚洲av高清在线观看一区二区

Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市羅湖區(qū)嘉賓路太平洋商貿(mào)大廈19樓

    3375726676@qq.com


    © 2007-2025 All Rights Reserved.

  • 策略型高端網(wǎng)站設(shè)計公司

    Strategic advanced website design company

    View More
    •

    網(wǎng)站設(shè)計前端開發(fā)之動態(tài)層疊效果

    時間:2021-01-07　　作者:尼高GARY　　來源：654254.cn

    隨著網(wǎng)站技術(shù)開發(fā)越來越成熟，大家對網(wǎng)站設(shè)計前端開發(fā)的要求也越來越高，很好的交互體驗和超強吸引的動態(tài)效果成了大家所追求的，今天深圳尼高網(wǎng)站設(shè)計小編就和大家分享一下網(wǎng)站設(shè)計前端開發(fā)之動態(tài)層疊效果。


    大家先來看看進(jìn)行以后的效果圖以下：

    網(wǎng)站設(shè)計



    Html的一部分就很少講了，應(yīng)用五個
  • 標(biāo)識來排版設(shè)計。從效果圖能看出去，從最上邊一層（1）逐漸到最下邊一層（5）每一層都像飄浮在下一層上邊（除5外），關(guān)鍵應(yīng)用了css的精準(zhǔn)定位特性（position: relative;）、等級特性（z-index）、外邊距（margin-top）、外黑影（box-shadow）、轉(zhuǎn)動（transform: rotate()）。Css如圖所示：

    網(wǎng)站制作



    從圖能夠 看得出，沒有設(shè)定等級z-index，由于假如根據(jù)css來設(shè)定等級，就必須設(shè)定每一個li的等級，一旦li太多，就必須設(shè)定太多z-index太不方便了，因此 z-index必須根據(jù)js來設(shè)定。如圖所示：

    網(wǎng)站開發(fā)



    先獲得li的總數(shù)量隨后取值給c_Size，根據(jù)for循環(huán)設(shè)定i的初值為0，每循環(huán)系統(tǒng)一次i的值加1，i的數(shù)值li的字符，s的數(shù)值等級（z-index）的值，而s的數(shù)值每一次循環(huán)系統(tǒng)c_Size減i的非常值得出，進(jìn)而li的等級從上向下是下降的，最大值是5，最低限是1。
    電腦鼠標(biāo)飄浮的實際效果：

    網(wǎng)站設(shè)計


    當(dāng)鼠標(biāo)飄浮到某一個li時，給予當(dāng)今li設(shè)定一個最大的等級值（如：9999），當(dāng)今li上邊的全部li設(shè)定清晰度（opacity）為0.3，電腦鼠標(biāo)離去時實行一遍level()方式 再次設(shè)定一遍li的等級值。Js如圖所示：

    前端開發(fā)

    • 上一篇
    : 哪些因素會影響網(wǎng)站設(shè)計的價格
    返回

    相關(guān)案例

    OTHER CASE