码上敲享录 > jquery入门实例分享 > jquery的skitter使用

jquery的skitter使用

上一章章节目录下一章 2018-04-16已有2471人阅读 评论(0)

jquery的skitter使用,实现图片动画效果

解决方法:

1.引入js文件

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery.skitter.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-ui-1.10.3.custom.min.js"></script>


2.动画标签

<div class="box_skitter box_skitter_large">

<ul>

<li><a href=""><img src="${pageContext.request.contextPath }/content/images/common/loginbg1.jpg" class="cube" /></a></li>

<li><a href=""><img src="${pageContext.request.contextPath }/content/images/common/timg.jpg" class="cubeRandom" /></a></li>

<li><a href=""><img src="${pageContext.request.contextPath }/content/images/common/loginbg4.jpg" class="block" /></a></li>

</ul>

</div>


3.绑定

<script type="text/javascript" language="javascript">

$(document).ready(function(){

$('.box_skitter_large').skitter({fullscreen:true});

});

</script>

本文地址:http://www.yayihouse.com/yayishuwu/chapter/1183

0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交