MEMBUAT TEKS BERGERAK
Posted byuntuk membuat teks bergerak adalah mudah...step yg lebih kurang dengan tulisan berkelip cuma di sini kita boleh menambah kod untuk mencantikkan lagi tulisan tadi..lihat kod di bawah ini :
<marquee>Teks bergerak</marquee> |
kod di atas ini akan menjadi begini :
untuk ubah perkataan bergerak dari kiri ke kanan gunakan kod nie pula:
<marquee direction="right" >dari kiri ke kanan</marquee> |
kod berwarna merah di atas adalah kod yang saya tambah untuk menjadikannya bertukar arah
perkatan pergi dan balik (lihat contoh di bawah)
|
nota : (anda boleh menukar kelajuan dengan melihat cara di bawah)
bergerak dengan setting masa sendiri
<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee> |
nota : tukarkan perkataan scrollamount kt atas nie dengan masa yg anda kehendaki
Berhentikan tulisan y sedang berjalan(sila halakan mouse pada tulisan di bawah)
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkankan mouse pada teks,berhenti</marquee> |
untuk membuat tulisan naik,turun cuba kod di bawah nie
<marquee behavior="alternate" direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" bgcolor="#FCF81F"><marquee direction="right" behavior="alternate">Selamat Datang Ke probuatblog.blogspot.com</marquee></marquee><br /> |
nota(warna backgroung boleh di ubah mengikut kesukaan anda dengan menukar kod bgcolor)
tulisan bergerak bersama gambar
<table style="border-collapse: collapse; width: 338px; height: 75px;" background="http://i822.photobucket.com/albums/zz147/amykozo/BANNAER-PRO-2.gif" border="1" bordercolor="white"><tbody><tr><td><span style="font-family:arial black;font-size:+30;color:#FF0000;"><marquee><img style="width: 30px;height:30px;"src="http://i822.photobucket.com/albums/zz147/amykozo/PinkPantherBlackGirlsTee2.jpg" />Selamat Datang ke probuatblog.blogspot.com</marquee></span></td></tr></tbody></table> |
untuk menghasilkan tulisan dan gambar seperti di atas ini,anda perlu mengikut beberapa langkah :
1)background "http://i882.photobucket.com/albums/zz147/amykozo/BANNER-PRO-2.gif" di ubah kepada link background anda
3)bordercolor="white" iaitu warna border di ubah kepada warna border pilihan anda.
4)font-size:+30 di ubah kepada saiz font pilihan anda dan mengikut kesesuaian tinggi gambar background
5)Colour:#FF0000 di ubah kepada kod warna pilihan.
6)width: 30px dan height: 30px di ubah kepada ukuran saiz gambar yang bergerak di atas gambar background.
7)src="http://i822.photobucket.com/albums/zz147/amykozo/PinkPantherBlackGirlsTee2.jpg" di ubah kepada link gambar yang bergerak di atas background
8)Selamat Datang ke probuatblog.blogspot.com di ubah kepada teks pilihan anda.
kat bawah saya bagi kod yg boleh anda gunakan jika anda seoang yg kreatif..anda boleh menambah kod2 di bawah sesuai dengan kod yg anda lihat di atas..
bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
scroll(teks berputar)
slide(teks bergerak sekali dan berhenti)
alternate(teks bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas teks
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah
