cara membuat gambar berjalan

sahabatku bartanya dam,gmana si caranya membuat gambar berjalan,yaudah daripada benggeng yaudah aku kasih tau codenya,berikut.
1.gambar berjalan dari kiri ke kanan;

code;

<marquee direction="right" width="100%" loop="true" bgcolor="lime" scrollamount="2"><img width="120" bgcolor="lime" src="http://i962.photobucket.com/albums/ae106/intheamwhy/intheamwhy.gif" height="50"></marquee>


2.gambar berjalan dr kanan ke kiri;



code;

<marquee direction="left" width="100%" loop="true" bgcolor="lime" scrollamount="2"><img width="120" src="http://i962.photobucket.com/albums/ae106/intheamwhy/intheamwhy.gif" height="50"></marquee>

3.gambar berjalan dari bawah ke atas
code;
<marquee direction="up" width="35%" scrollamount="5" loop="true" bgcolor="lime"><center><strong><img width="120" bgcolor="lime" src="http://i962.photobucket.com/albums/ae106/intheamwhy/intheamwhy.gif" height="50"></strong></center></marquee>


4.gambar berjalan dari bawah ke atas ke bawah:
code;
<marquee direction="down" width="35%" scrollamount="5" loop="true" bgcolor="lime"><center><strong><img width="120" bgcolor="lime" src="http://i962.photobucket.com/albums/ae106/intheamwhy/intheamwhy.gif" height="50"></strong></center></marquee>


*keterangan;
  • direction fungsinya ialah mengatur kearah mana gambar berjalan,kalian dapat menggantiya dengan right,left,down,up
  • width fungsinya ialah,ya sepertinya kalian tahu apa arti width,sebaiknya gunakam %(persen)
  • loop fungsinya ialah mengatur berapa kali jalan berjalan,kemudian hilang,silahkan ganti dengan angka,atau true jika kalian inginkan gambarnya jalan trus
  • scrollmount fungsinya ialah mengatur kecepatan,semakin tinggi angkanya maka semakin cepat pula gambar tersebut berjalan.
  • text warna merah adalah url gambar,silahkan ganti dengan url gambar kalian.
0ia jika kalian inginkan agar gambarnya berhenti ketika terkena cursor, tambahkan code ini.
<marquee onmouseover="this.stop()" onmouseout="this.start()">
contoh;
code;
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" width="40%" loop="true" bgcolor="lime" scrollamount="25"><strong><center><img width="120" src="http://i962.photobucket.com/albums/ae106/intheamwhy/intheamwhy.gif" height="50"></center></strong></marquee>

1 komentar:

  • beby mengatakan...
    • kalo biar jdul blognyaa jalan gmna caranyaa.?

Posting Komentar

Sudah bacanya? silakan berikan opini :)

 

Simple CSS3 blogger template. Design by indam, original from Bontang, Indonesia and thanks to Ollie