Efek Menggerakkan Mouse HTML Menggunakan Atribut OnMouseOver
Atribut event mouseover merupakan atribut html yang bekerja ketika pointer mouse digerakkan menuju ke elemen tertentu yang didalamnya terdapat atribut tersebut.
Sintak:
<element onmouseover = "script">
Value Atribut: mengandung script value tunggal yang akan bekerja ketika mouse digerakkan ke arah elemen yang spesifik.
Tag Pendukung: atribut onmouseover didukung penggunaannya oleh segala jenis elemen html, kecuali.
 |
| Ilustrasi Atribut OnMouseOver HTML |
Sebelum memahami lebih dalam materi tentang Efek Menggerakkan Mouse HTML Menggunakan Atribut OnMouseOver, terlebih dahulu pelajari materi tentang: Efek Menjauhkan Mouse HTML Menggunakan Atribut OnMouseOut [klik], Efek Ketika Menggerakkan Mouse HTML Menggunakan Atribut OnMouseMove [klik], dan Efek Ketika Melakukan Double Klik HTML Menggunakan Atribut onDblClick [klik].
<element onmouseover = "script">
Baca Juga:
Tag Pendukung: atribut onmouseover didukung penggunaannya oleh segala jenis elemen html, kecuali.
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Event Onmouseover Event
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
<script type="text/javascript" >
function coba()
{
alert("Mouse bergerak");
}
</script>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut event onmouseover
</h2>
<p onmouseover ="coba()">
Portal Ilmu Komputer
</p>
</body>
</html>
Referensi Tambahan:
- 2 Contoh Mudah Penggunaan Atribut OnDragEnter pada HTML [klik]
- Cara Mudah Menggunakan Atribut OnDragLeave pada Elemen HTML [klik]
- Cara Efektif Penggunaan Atribut OnDragStart pada HTML [klik]
- Cara Menggunakan Atribut Event OnDrop pada Elemen HTML [klik]
- Cara Mudah Menggunakan Atribut OnScroll pada Elemen HTML [klik]
- 3 Cara Mengaktifkan Atribut OnCopy pada Elemen HTML [klik]
- 2 Contoh Penggunaan Atribut OnCut pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Fajar Wahyu Pratama, Ghea Hayudhanti, Haffid Rizki Pangestu, Hendita Irza Permana, dan Ibanez Alvareza.
Atribut ini harus digunakan secara hati-hati, jika tidak ini akan menjadi atribut yang menyebalkan.
BalasHapusApa yang dimaksud dengan atribut onmouse over pada elemen html?
BalasHapusAtribut onmouseover merupakan atribut yang aktif ketika mouse digerakkan pada elemen yang mengandung atribut tersebut atau digeser.
HapusApa yang dilakukan oleh atribut onmouseover ketika terjadi kondisi pergerakkan mouse pada elemen html?
BalasHapusAtribut onmouseover merupakan salah satu atribut event yang paling umum digunakan pada web. Atribut ini menangkap momen dimana kursor melintasi batas elemen tertentu, yang bergerak dari luar ke dalam elemen tempat atribut tersebut diterapkan.
Hapus