js网页背景视差滚动

2024-10-31 00:24:35

1、准备好需要用到的图标。

js网页背景视差滚动

3、书写hmtl代艨位雅剖码。<div class='container'> <稆糨孝汶;div class='header'> <span> justParallax.js </span> An easy to use parallax plugin. </div> <div class='content'> <div class='head'> Feature navigation </div> <a class='scroll-to' href='#introduction'> Introduction </a> <br> <a class='scroll-to' href='#support'> Wide browser support </a> <br> <a class='scroll-to' href='#setup'> Easy set-up </a> <br> <a class='scroll-to' href='#customize'> Customizable parallax settings </a> <br> <a class='scroll-to' href='#jquery'> No jQuery needed </a> <br> <a class='scroll-to' href='#notes'> Notes </a> <br> <a class='scroll-to' href='#playground'> Playground </a> </div></div>

js网页背景视差滚动

5、书写并添加js代码。<script src='js/jscript.js'></script>

js网页背景视差滚动

7、查看效果。

js网页背景视差滚动
猜你喜欢