Facebook

Choirul Umam

Cara Membuat TEXT Berjalan Di HTML

ADSENSE HERE



Pembahasan singkat saya kali ini berisi kode yang memungkinkan Anda untuk menghentikan dan menjalankan kembali sebuah marquee HTML menggunakan sebuah mouse. Oleh karena itu, pengguna situs web akan dapat menghentikan / menjalankan kembali sebuah marquee HTML menggunakan sebuah mouse.
  • Mengklik Marquee

Contoh ini memungkinkan pengguna untuk menghentikan marquee ketika mereka mengklik pada mouse ( onmousedown ). Marquee kemudian berlanjut ketika user melepaskan mouse ( onmouseup ).
<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">Tutorial umam-choirul.blogspot.com</marquee> 
Berikut hasilnya:

Tutorial umam-choirul.blogspot.com


  • Meletakkan kursor di atas marquee

Memungkinkan pengguna untuk menghentikan marquee ketika mereka meletakkan kursor anak panah pada marquee (onmouseover). Marquee kemudian berjalan kembali ketika kursor dilepaskan dari atas marquee ( onmouseover )
<marquee behavior="scroll" direction+"left" onmouseover="this.stop();" onmouseout="this.start();">Tutorial umam-choirul.blogspot.com</marquee>
Berikut hasilnya:
Tutorial umam-choirul.blogspot.com
  • Tombol Start dan Stop
Anda dapat menambahkan tombol "Start" dan "Stop" yang memungkinkan pengguna untuk memulai dan menghentikan marquee sesuai keinginan. Untuk melakukannya, cukup menambahkan "id" atribut ke marquee, maka akan mengikuti perintah dari tombol Anda (dibuat menggunakan tag input).
<marquee behavior="scroll" direction="left" id="mymarquee"><p>Tutorial umam-choirul.bogspot.com</p><marquee><input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();"><input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();>
Berikut hasilnya:


Tutorial umam-choirul.bogspot.com

Yak, selesai pembahasan sedikit saya mengenai marquee text with stop and start. Semoga dapat memberikan manfaat. ADSENSE HERE

1 comment

  1. Fafa20 March 2015 at 04:07

    siiippp bermanfaat
    kunjungi
    http://brotherand-sister.blogspot.com/

    ReplyDelete

Subscribe to: Post Comments (Atom)
 

About