Kumpulan Coding

Cara membuat mouseover dengan gambar

Mouse over berfungsi seperti hover, saat kursor diarahkan ke area link, dia akan menimbulkan efek menyala atau meredup tergantung si pembuatnya. berikut ini saya akan membuatkan contoh mouse over tanpa menggunakan css dan menggunakan 2 gambar untuk gambar inti dan gambar hover nya.

Fungsi dari hover ini adalah tidak lain untuk mempercantik tampilan website anda. Cekidot !!

Berikut adalah codenya :

<p>

<a href="#"><img alt="" onmouseout="this.src='/images/menu/1.jpg'" onmouseover="this.src='/images/menu/11.jpg';" src="/images/menu/1.jpg" /></a>
<a href="#"><img alt="" onmouseout="this.src='/images/menu/2.jpg'" onmouseover="this.src='/images/menu/22.jpg';" src="/images/menu/2.jpg" /></a>
<a href="#"><img alt="" onmouseout="this.src='/images/menu/3.jpg'" onmouseover="this.src='/images/menu/33.jpg';" src="/images/menu/3.jpg" /></a>
<a href="#"><img alt="" onmouseout="this.src='/images/menu/4.jpg'" onmouseover="this.src='/images/menu/44.jpg';" src="/images/menu/4.jpg" /></a>
<a href="#"><img alt="" onmouseout="this.src='/images/menu/5.jpg'" onmouseover="this.src='/images/menu/55.jpg';" src="/images/menu/5.jpg" /></a>

</p>

Note :

  • images/menu/1.jpg --> adalah gambar inti
  • images/menu/11.jpg --> adalah gambar untuk hover nya

Contoh gambar inti :

Contoh gambar untuk hover :

 

Contoh untuk yang sudah jadi seperti dibawah ini :

 

Selamat mencoba, anda bisa menggunakan modul custom html advance. Cool

Cara membuat file redirect

<?php

header("Location: http://www.google.com");

?>

simpan dengan nama file index.php

Ads

I'm Joomla Developer

 

Guest Book

About Us

Sudah hampir 10 tahun lebih menekuni website berbasis CMS Joomla, dari mulai joomla versi 1.0, 1.5x, 2.5x sampai yang Versi 3x.

Berbekal ilmu otodidak, dari buku, forum, diskusi sesama pengembang joomla dan browsing2. Sampai detik ini masih tetap tekun mempelajari kekurangan dan kelebihan CMS Joomla.

Contact Info

Phone / WA : 0888 1432 925
Email : webmaster@jditpro.com

Visitor Counter

Sosial Media

Awal berdiri website ini Tahun 2013, tujuan utamanya adalah sebagai lapak penyedia Jasa Pembuatan Website berbasis CMS Joomla, selain itu website ini akan berisi bermacam-macam tutorial seputar web joomla.

Temukan saya di facebook dan youtube :