Tab pada jquery menggunakan effek slot machine

Jquery memang senjata paling ampuh untuk memberi style pada website.

pada jquery standard, terdapat fasilitas tab yang dapat memisahkan beberapa informasi dalam bentuk tab.

nah Tab ini dikembangkan oleh orang bule sana, di desain dengan gaya slot machine..
Lihat demo
download sourcenya di Source

untuk menggunakannya juga sangat gampang..
setelah download sourcenya. Buka file index.html
lihat kode berikut :

<div id="one" class="content-box">
<div class="col-one col">
<img src="images/evangeline.jpg" alt="" />
</div>
dst...

nah anda tinggal edit content/isi yang di ingin kan. ganti foto dan teks yang ingin ditampilkan.

kalau ingin menambah tab baru tinggal copykan code diatas kemudian ganti id dari div nya menjadi four <div id="one" class="content-box">
kemudian tambahkan code berikut untuk linknya:

<li><a href="#four">Tab empat</a></li>

sangat mudah kan :)




Artikel yang berhubungan




2 comments:

Softech Guru said...

Very Nice & Informative Post..........I'll come back soon

Aritha H said...

okay nice to see you

Post a Comment

Related Posts Plugin for WordPress, Blogger...