Laman

Jumat, 15 Juni 2012

Membuat Scroll atau kotak yang bisa digeser

Untuk membuat Scroll box atau Kotak Scroll atau kotak yang bisa digeser keatas dan kebawah silahkan copy kode dibawah ini lalu paste di postingan atau gadget dalam mode HTML lalu simpan.
ini kodenya:

<div style="height: 150px; overflow: auto; width: 470px;">text andat</div>

hasilnya:
text andat









kode scroll yang tulisannya berjalan adalah sebagaimana dibawah ini:

<div><center><table border="1" width="470" cellpadding="2" height="150"><tbody><tr><br /><td align="left"><br /><marquee direction="up" onmouseover="this.stop()" width="470" onmouseout="this.start()" scrollamount="2" height="150"><br/><center><b><br/>
LETAKKAN GAMBAR ATAU TULISAN DISINI
</b></center></marquee></td></tr></tbody></table></center></div>

hasilnya seperti ini:





LETAKKAN GAMBAR ATAU TULISAN DISINI



kode yang lainnya yaitu tulisan yang berjalan dan berhenti apabila ditunjuk adalah sebagai berikut:

<div style="border: 1px solid #999999; height: 150px; overflow: auto; padding: 10px; width: 470px;">
<marquee align="center" direction="up" height="150" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="470">
masukan teks atau kode javascript disini</marquee></div>


Ukurannya silahkan anda sesuaikan sendiri dengan merubah angka 470 dan angka 150 diatas sesuai dengan keinginan anda.

masukan teks atau kode javascript disini

semoga bermanfaat,apabila ada yang belum difaham silahkan tinggalkan komentar.terima kasih sudah berkunjung.
<<Membuat Scroll atau kotak yang bisa digeser>>




Tidak ada komentar:

Posting Komentar