Hôm nay Thủ thuật blog Violet sẽ giwosi thiệu cấc bạn một code đẹp trang trí cho blog ban thêm sinh động

Demo: http://caobang83.webng.com/sdilevn/

Download code : http://caobang83.webng.com/sdilevn/sdilevn.zip

Hướng dẫn:

B1: Cho code sau vào thẻ head nhé

<link rel="stylesheet" href="carddeckslideshow.css" />

<style>

.stackcontainer{
margin: 100px 0 10px 0;
}

#demo3 > div.inner{
background: lightyellow;
}

#demo1 h4, #demo3 h4{
margin: 0;
}


</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<script src="carddeckslideshow.js"></script>

<script>

var demo3 = new carddeckslideshow({
    id: 'demo3',
    autoplay: true,
    hingepoint: '50% 60%',
    source: 'stackedcontents.txt',
    fxduration: 2000,
    pause: 4000
})

</script>

B2 : cho code sau vào chỗ nào bạn muốn hiển thị nhé

<div id="demo3" class="stackcontainer"></div>