Hai..haii..haii…salam hangat..selalu untuk sobat bloger yang
saya cintai…xixiiiiii…lebay..ya???
Huff…udah lama juga neh Cuma posting software dan software
aje…skali kali ahh…bagi bagi pengetahuan en ngelanjutin postingan sebelum nyatentang belajar PHP,MYSQL,HTML & JAVASCRIPT …kali ini kita sama2 belajar
yu…tentang bagai mana membuat sebuah tombol unik yang berfungsi sebgai link
menuju pada suatu web atau tempat tertentu.
Disini saya akan membahas sedikit tentang pembuatan Tombol
Mouse Unik menggunakan Java Script .Ok langsung kita mulai pelajaran
nya..”hee..hee..so gaya banget yups…”
1.Pertama tama kita buat dahulu script ini dengan
menggunakan KOMODO EDIT atau NOTE PAD
juga bisa ,yang penting berektensi html atau php.
Berikut s script nya :
<script language="JavaScript">
function buka1()
{
document.imgbuka.src ="buka2.gif";
}
function buka2()
{
document.imgbuka.src ="buka1.gif";
}
</script>
<html>
<head>
<title>Contoh Mouse Unik</title>
</head>
<body>
<a href="www.deden-web.blogspot.com" OnMouseOver="buka2()"
OnMouseOut="buka1()">
<img border="0" src="buka2.gif" name="imgbuka">
</a><br>
Menuju ke Website DEDEN-WEB
</body></html>
function buka1()
{
document.imgbuka.src ="buka2.gif";
}
function buka2()
{
document.imgbuka.src ="buka1.gif";
}
</script>
<html>
<head>
<title>Contoh Mouse Unik</title>
</head>
<body>
<a href="www.deden-web.blogspot.com" OnMouseOver="buka2()"
OnMouseOut="buka1()">
<img border="0" src="buka2.gif" name="imgbuka">
</a><br>
Menuju ke Website DEDEN-WEB
</body></html>
3.Setelah itu save/simpan dengan nama apa saja ,yang penting
itu tadi harus berekstensi PHP atau HTML agar dapat dibaca oleh BROWSER
kita..ok.
dan disini saya beri nama
MOUSE.php
Oh ya pada script berikut :
<a href="www.deden-web.blogspot.com" OnMouseOver="buka2()"
Kita bisa masukan website kita atau link yang ingin kita tuju ,misalkan link download atau apalah..terserah anda.
2.Dan siapkan pula tombol yang akan kita jadikan Mouse Over dan Mouse Out atau kalau malas membuat nya bisa di
<a href="www.deden-web.blogspot.com" OnMouseOver="buka2()"
Kita bisa masukan website kita atau link yang ingin kita tuju ,misalkan link download atau apalah..terserah anda.
2.Dan siapkan pula tombol yang akan kita jadikan Mouse Over dan Mouse Out atau kalau malas membuat nya bisa di
3.Jangan lupa kita masukan kedua gambar yang berkstensi .gif
kedalam satu folder dan kita beri nama sesuai dengan selera kita yang penting
sama seperti nama script yang kita buat sebelum nya.disini folder yang saya gunakan
saya beri nama “imgbuka” karena sesuai dengan isi script yang
saya buat
5.Lalu buka browser kita dan ketikan “localhost/mouse.php”
Maka hasil
nya sebagai berikut :
Ini sebelum
mouse menyentuh tombol
Dan Ini
setelah mouse mendekati tombol/diatas tombol:
Ok…anak anak
,sampai disini sudah paham…(“gaya guru berbicara..hee..hee..”)
Sekian
pembuatan Mouse Unik atau Mouse Over Mouse Out nya… kita akan pelajari bahasa
PHP ,MYSQL,HTML & JAVA SCRIPT pada lain waktu dan kesempatan.
bila ada Saran dan Kripik…Upssss…Kritik bisa
di ajukan pada kolom komentar dibawah ini ,semoga apa yang saya sampaikan tidak
membingungkan dan mudah dicerna..sebab saya pun masih tahap-tahap belajar dan
disini kita sama-sama belajar dan berbagi pengetahuan ,agar Indonesia menjadi
Negara yang cerdas…”merdeka…”….heee..hee…”
wh mantap banget nih infonya , akan tetapi saya masih bingung apakah bisa dipermudah mungkin diberi video tutorialnya agar bisa dipraktekan.
BalasHapuswach...ide bagus tuch...di tunggu aja kabar selanjut nya..coz untuk video tutorial kompi nya lumayan lemott...hee..hee... thanks ide dan saran nya.. :)
BalasHapus