1、准备好需要用到的图标。
3、书写hmtl代码。<center> <div id="page-wrap"> <div id="header" > <h1 class="rounded-corners">漂亮的jquery UI 跟随鼠标晃动的图标动画</h1> </div> <div id="content"> <div id="parallax"> <img src="images/grass.png" style="width:1200px; height:250px;"/> <img src="images/frog2.png" style="width:500px; height:250px;"/> <img src="images/butterflies3.png" style="width:1200px; height:300px;"/> </div> </div> </div></center>
5、书写并添加js代码。<script src="js/jquery-1.2.6.min.js"></script><script src="js/jquery.jparallax.0.9.1.js" ></script><script> jQuery(document).ready(function($) { jQuery('#parallax').jparallax(); });</script>
7、查看效果。
