Professional Documents
Culture Documents
HOME
ABOUT
DAFTAR ISI
ARSIP
HOME / ANIMASI TEKS DAN GAMBAR / CSS / HTML / GAMBAR BERJALAN DENGAN 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 :
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 :
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:
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.
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.
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
LINK SAHABAT
7InfoMedia
Miracle of Islam
COPYRIGHT 2008 LINK SUKSES | CONTACT | TOS & PRIVACY PRIVACY | PARTNERS
CREATED BY ARLINA DESIGN | DISTRIBUTED BY GOOYAABI TEMPLATES | POWERED BY BLOGGER