You are on page 1of 6

<marquee align="left" bgcolor="#c9fbd3" direction="left" height="132"

onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5"


width="100%"> <a href="Link URL-1"><img src="URL Gambar-1" /></a> <a
href="Link URL-2"><img src="URL Gambar-2" /></a>
<a href="Link URL3"><img src="URL Gambar-3" /></a> </marquee>

HOME
ABOUT
DAFTAR ISI
ARSIP
HOME / ANIMASI TEKS DAN GAMBAR / CSS / HTML / GAMBAR BERJALAN DENGAN HTML

GAMBAR BERJALAN DENGAN HTML


Author - Yuda Isparela Date - Sunday, May 09, 2010 Animasi Teks dan Gambar CSS HTML

Halaman ini berisi contoh penggunaan kode HTML untuk membuat gambar
berjalan (gambar berkerak) dengan atau tanpa life link sebagai bentuk animasi yang
sederhana.
Meskipun demikian, gambar berjalan ini dapat dimanfaatkan sebagai salah satu bentuk
tampilan sebuah iklan atau galeri produk. Apabila gambar yang akan ditampilkan
memiliki kapasitas file yang tidak terlalu besar, maka penggunaan kode HTML seperti ini
tidak akan memberatkan loading halaman terkait.

Penulisan kode HTML untuk gambar berjalan ini sama persis dengan penulisan kode
HTML untukteks berjalan yaitu dengan diawali tag <marquee> dan diakhiri dengan
</marquee>. Adapun attribut yang berhubungan dengan marquee sendiri, lebih
jelasnya dapat dilihat pada halaman Running Text di antaranya width, height, color,
direction, bgcolor, font face, scrolldelay, scrollamount, loop dan sebagianya.
Contoh 1 :
Kode HTML untuk membuat gambar berjalan dari arah kanan ke kiri dengan tinggi area
132px, lebar area 100% di atas background putih adalah sebagai berikut :

Tampilan setelah diposting :

Contoh 2 :
Kode HTML untuk membuat gambar berjalan dari arah kiri ke kanan dengan tinggi area
132px, lebar area 100% di atas background kuning adalah sebagai berikut :

Tampilan setelah diposting :

Contoh 3 :
Kode HTML untuk membuat gambar berjalan bolak-balik dari kanan ke kiri dengan tinggi
area 132px, lebar area 100% di atas background biru adalah sebagai berikut:

Tampilan setelah diposting :

Contoh 4 :
Kode HTML untuk membuat gambar berjalan dari kanan ke kiri dimana gambar tersebut
merupakan sebuah life link yang tertuju pada suatu URL. Gambar tersebut akan
berhenti setiap kali mouse didekatkan dan akan kembali bergerak setelah mouse
menjauh.

Tampilan setelah diposting :

Catatan Penting :

#FFFF00 adalah kode keksadesimal untuk warna kuning, #C9FBD3 adalah kode
heksadesimal untuk warna hijau muda, #0000FF adalah kode heksadesimal untuk
warna biru dan seterusnya. Lebih lengkapnya dapat dilihat pada artikel sebelumnya
mengenai kode warna.

Ganti semua URL Gambar (URL Gambar-1, URL Gambar-2, dan URL Gambar-3)
dengan URL gambar Anda sendiri.

Ganti semua Link URL (Link URL-1, Link URL-2, dan Link URL-3) sesuai kebutuhan.

Selamat mencoba. Semoga bermanfaat.

BERITAHU TEMAN VIA


Info Terkait :
< BACKNEXT >HOME
Cari artikel ...

PAKAIAN KHAS SUNDA

KAOS DAN KEMEJA LUKIS

PECI/ SONGKOK SUPER

KATEGORI
Animasi Teks dan GambarBelajar InternetBerita UmumBisnis InternetCSSDelphiEbook GratisElektronika
DasarElektronika DigitalFacebookGambar dan Foto GratisGoogle AdsenseHTMLIstilah InternetLayanan
GratisListrik dan ElektronikaLogika BooleanOpiniPaypalPhotoshop DasarPrinterProfilRangkaian
ElektronikaSEO untuk PemulaSoftwareTemplate GratisTutorial BlogTwitterWebsite Tools

POPULAR POSTS

Menggambar Hasil Penyederhanaan Fungsi Logika dengan Gerbang Digital


Simbol Listrik dan Simbol Elektronik
Penyederhanaan Fungsi Boolean Dengan Karnaugh Map
Kode Singkatan Komponen Listrik dan Elektronik

Penjumlahan dan Pengurangan Bilangan Hexadecimal


Penjumlahan dan Pengurangan Bilangan Octal
Penyederhanaan Fungsi Boolean Dengan Aljabar
Karnaugh Map Analyzer
Memasang Tombol Paypal di Blog
Inilah Kelebihan dan Kekurangan Browser Opera Mini dan BlackBerry

LINK SAHABAT

7InfoMedia

Busana Sepatu dan Tas

Games & Smartphone

Iket dan Pangsi Sunda

Koleksi Video Menarik

Miracle of Islam

Obat dan Pengobatan Alternatif

COPYRIGHT 2008 LINK SUKSES | CONTACT | TOS & PRIVACY PRIVACY | PARTNERS
CREATED BY ARLINA DESIGN | DISTRIBUTED BY GOOYAABI TEMPLATES | POWERED BY BLOGGER

You might also like