07:37
Установка:
Подключаем стили css и javascript:
Code
// Styles
<link href="/css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
// Scripts
<script src="/js/jquery-1.5.2.min.js"></script>
<script src="/js/jquery.skitter.min.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<script src="/js/jquery.animate-colors-min.js"></script>
JavaScript:
Code
<script type="text/javascript">
$(function(){
$('.box_skitter_large').skitter();
});
</script>
html код:
Code
<div class="box_skitter box_skitter_large">
<ul>
<li>
<a href="http://thiagosf.net"><img src="images/01.jpg" class="block" /></a>
<div class="label_text">
<p>Label</p>
</div>
</li>
<li>
<a href="http://cakephp.org"><img src="images/02.jpg" class="cube" /></a>
<div class="label_text">
<p>Label</p>
</div>
</li>
<li>
<a href="http://jquery.com"><img src="images/03.jpg" class="default" /></a>
<div class="label_text">
<p>Label</p>
</div>
</li>
</ul>
</div>
