Tip dan Trik

Assalamualaikum warrahmatullahi wabarakatuh Selamat Datang Di Blog Seuntai Kenangan

Rabu, 18 Juli 2007

Teks Berjalan

Jika anda pernah melihat tampilan teks yang berjalan dari bawah ke atas atau sebaliknya, dari kanan ke kiri atau sebaliknya, tentu sangat memesona dan mengundang perhatian pengunjung.

Semua berkat kerja si Marquee dalam kode HTML. Ya, dengan kata Marquee ini kita bisa menjalankan teks maupun gambar sesuai dengan keinginan kita. Menggunakannya pun sangat mudah tapi hasilnya sangat menyenangkan.


Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :

<marquee direction=left>Teks berjalan ke kiri </marquee> maka hasilnya adalah seperti di bawah ini.


Teks berjalan ke kiri


<marquee direction=up>Teks berjalan ke atas </marquee>

hasilnya adalah:
Teks berjalan ke atas
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti 'left' ke 'right' agar teks berjalan ke kanan, atau gantilah 'up' dengan 'down' agar teks berjalan ke bawah.

Si Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.
Misalnya : <onmouseover="this.stop()" onmouseout="this.start()">
Dengan menyelipkan atribut diatas didalam marquee, maka saat teks yang berjalan didekati oleh mouse, maka teks akan tertahan (stop) dan saat mouse menjauh maka teks akan kembali berjalan. Sangat membantu bila kita menyertakan tautan (link) di dalam marquee agar mudah dikendalikan pengunjung. Contoh seperti ini <marquee direction=up onmouseover="this.stop()" onmouseout="this.start()">

dan hasilnya seperti dibawah ini.

Contoh kerja si Marquee klik di sini untuk kembali ke Tip dan trik
atau klik di sini untuk ke Beranda/Home


Jika teks bergeraknya terlalu cepat anda dapat menambahkan skript <scrollamount="x">, nialai "x" dapat anda ganti sesuai dengan kebutuhan misal dengan nilai 1,2,3...dst sesuai seberapa cepat pergerakan teks yang anda inginkan contoh dibawah ini adalah Jika scrollamount="1":

<marquee direction=up onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">
Contoh kerja si Marquee klik di <a href="http://seuntaikenangantiptrik.blogspot.com">sini</a> untuk kembali ke Tip dan trik
atau klik di <a href="http://seuntaikenangan.blogspot.com">sini</a> untuk ke Beranda/Home</marquee>
Dan hasilnya seperti di bawah ini:


Contoh kerja si Marquee klik di sini untuk kembali ke Tip dan trik
atau klik di sini untuk ke Beranda/Home


Selain itu si marquee juga dapat digabung dengan perintah <behavior="alternate"> jika anda menyisipkan perintah ini maka text bergerak bulak-balik untuk lebih jelasnya berikut ini contonya: <marquee behavior="alternate"> Aku capek nihh bulak-balik seperti setrikaan saja</marquee> dan hasilnya seperti ini:

Aku capek nihh bulak-balik seperti setrikaan saja


Selamat mencoba semoga berhasil.

11 komentar:

  1. dari semua blog yang menampilkan script marquee, hanya blog ini yang menampilkan script marquee yang simple. saya sudah mencobanya dan berhasil.

    BalasHapus
  2. Script unuk membuat judul blognya gmna yah saya masih belum berhasil

    BalasHapus
  3. Trimakasih ya..Ilmunya bermanfaat...

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  5. makasih mas bagus, tambahin donk buat teks berwarna dan backgroundnya.

    BalasHapus
  6. mas, makasih ya infonya. Posting lagi dong, trik-2 yang laen ...

    BalasHapus
  7. Terima Kasih, sangat membantu Neeeeh, Aku Ijin cut paste, BTW kalo mau tukaran link berarti, aku copy URLnya aja yach trus aku taro di Gatgeg.
    Thank's
    heriprn@yahoo.com

    BalasHapus
  8. Dimana tempat meletakkan Scriptnya??

    BalasHapus

Silahkan Tinggalkan Pesan!!