鼠标移动UI跟随晃动的图标jquery

2025-05-18 11:21:16

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

鼠标移动UI跟随晃动的图标jquery鼠标移动UI跟随晃动的图标jquery

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>

鼠标移动UI跟随晃动的图标jquery

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>

鼠标移动UI跟随晃动的图标jquery

7、查看效果。

鼠标移动UI跟随晃动的图标jquery
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢