jquery的skitter使用

站长手记 作者: 2024-08-27 17:35:01
jquery的skitter使用,实现图片动画效果

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.jiecseo.com/news/show_69668.html
jquery skitter