- jquey
- jcarousellite
demo: http://thietkeweb123.com/demo/cuon-tin-tuc/
$(document).ready(function(){
$(".jcarouse").jCarouselLite({ // Lấy class của ul và gọi hàm
jCarouselLite() trong thư viện
vertical: true, // chạy theo chiều dọc
hoverPause:true, // Hover vào nó sẽ dừng lại
visible: 6, // Số bài viết cần hiện
auto:500, // Tự động scroll
speed:1000 // Tốc độ scroll
});
});
</script>
<div
class="jcarouse">
<ul>
<li>
<div
class="thumb">
<img
src="images/hinh01.jpg">
</div>
<div class="info">
<a
href="#">16 kiểu shadow bạn cần phải biết.</a>
</div>
<div
class="clr"></div>
</li>
<li>
<div
class="thumb">
<img
src="images/hinh02.jpg">
</div>
<div
class="info">
<a
href="#">CV độc cho dân thiết kế</a>
</div>
<div
class="clr"></div>
</li>
<li>
<div
class="thumb">
<img
src="images/hinh03.jpg">
</div>
<div
class="info">
<a
href="#">Bộ font Handmade ngộ nghĩnh</a>
</div>
<div
class="clr"></div>
</li>
</ul>
</div>
No comments:
Post a Comment