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网页背景视差滚动
  • jquery页面上下滚动视差
  • jquery上下页面视差滚动切换
  • skrollr-maste滚动视差jquery
  • 打印网页背景
  • 热门搜索
    云南大学旅游文化学院 拉萨旅游 旅游集散中心 嵊泗列岛旅游攻略 阳朔旅游 周边旅游 旅游线路 贵州旅游攻略 北京旅游 马尔代夫旅游攻略