Sabtu, 10 Oktober 2009

cara membuat gambar widget dan text berjalan


sahabatku bartanya, gmana si cara membuat gambar berjalan, yaudah daripada benggeng  aku kasih tau deh code dan caranya, 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>

nah, jika kalian ingin membuat widget dan text berjalan,, hapus aja kode <img sampai height="50"> intinya hapus html pembentuk gambar. okey.... 

 

1 komentar:

  1. Thanks mas bro..... Visit and coment back : http://abdu-green.blogspot.com/

    BalasHapus

silahkan, berikan komentar,
"happy blogging"