Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Efek Menggerakkan Mouse HTML Menggunakan Atribut OnMouseOver

Dipublikasikan Oleh: elfanmauludi 5 komentar
Atribut event mouseover merupakan atribut html yang bekerja ketika pointer mouse digerakkan menuju ke elemen tertentu yang didalamnya terdapat atribut tersebut.

11 Elemen Terlarang dalam Penggunaan Atribut OnMouseOver pada HTML
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].

Sintak:
<element onmouseover = "script">

Value Atribut: mengandung script value tunggal yang akan bekerja ketika mouse digerakkan ke arah elemen yang spesifik.

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>


Artikel ini didedikasikan kepada: Fajar Wahyu Pratama, Ghea Hayudhanti, Haffid Rizki Pangestu, Hendita Irza Permana, dan Ibanez Alvareza.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Efek Menggerakkan Mouse HTML Menggunakan Atribut OnMouseOver"

  1. AnonimRabu, 13 Oktober 2021 pukul 13.47.00 WIB

    Atribut ini harus digunakan secara hati-hati, jika tidak ini akan menjadi atribut yang menyebalkan.

    BalasHapus
  2. AnonimRabu, 13 Oktober 2021 pukul 13.47.00 WIB

    Apa yang dimaksud dengan atribut onmouse over pada elemen html?

    BalasHapus
    Balasan
    1. AnonimRabu, 13 Oktober 2021 pukul 13.47.00 WIB

      Atribut onmouseover merupakan atribut yang aktif ketika mouse digerakkan pada elemen yang mengandung atribut tersebut atau digeser.

      Hapus
  3. AnonimRabu, 13 Oktober 2021 pukul 13.49.00 WIB

    Apa yang dilakukan oleh atribut onmouseover ketika terjadi kondisi pergerakkan mouse pada elemen html?

    BalasHapus
    Balasan
    1. AnonimRabu, 13 Oktober 2021 pukul 13.50.00 WIB

      Atribut 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -