4:27 PM
Kumpulan Software
Hai..haii..haii…salam hangat..selalu untuk sobat bloger yangsaya cintai…xixiiiiii…lebay..ya???
Huff…udah lama juga neh Cuma posting software dan softwareaje…skali kali ahh…bagi bagi pengetahuan en ngelanjutin postingan sebelum nyatentang belajar PHP,MYSQL,HTML & JAVASCRIPT …kali ini kita sama2 belajaryu…tentang bagai mana membuat sebuah tombol unik yang berfungsi sebgai linkmenuju pada suatu web atau tempat tertentu.
Disini saya akan membahas sedikit tentang pembuatan TombolMouse Unik menggunakan Java Script .Ok langsung kita mulai pelajarannya..”hee..hee..so gaya banget yups…”
1.Pertama tama kita buat dahulu script ini denganmenggunakan 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 pentingitu tadi harus berekstensi PHP atau HTML agar dapat dibaca oleh BROWSERkita..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 .gifkedalam satu folder dan kita beri nama sesuai dengan selera kita yang pentingsama seperti nama script yang kita buat sebelum nya.disini folder yang saya gunakansaya beri nama “imgbuka” karena sesuai dengan isi script yangsaya buat
5.Lalu buka browser kita dan ketikan “localhost/mouse.php”
Maka hasilnya sebagai berikut :
Ini sebelummouse menyentuh tombol
Dan Inisetelah mouse mendekati tombol/diatas tombol:
Ok…anak anak,sampai disini sudah paham…(“gaya guru berbicara..hee..hee..”)
Sekianpembuatan Mouse Unik atau Mouse Over Mouse Out nya… kita akan pelajari bahasaPHP ,MYSQL,HTML & JAVA SCRIPT pada lain waktu dan kesempatan.
bila ada Saran dan Kripik…Upssss…Kritik bisadi ajukan pada kolom komentar dibawah ini ,semoga apa yang saya sampaikan tidakmembingungkan dan mudah dicerna..sebab saya pun masih tahap-tahap belajar dandisini kita sama-sama belajar dan berbagi pengetahuan ,agar Indonesia menjadiNegara yang cerdas…”merdeka…”….heee..hee…”
Posted in: JAVASCRIPT,JQUERY,MYSQL,Tutorial PHP.HTML
0 comments:
Post a Comment