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>