=== untuk yang site 3M ===
pake java script biasa, scriptnya ada dibawah ini
ada 2 gambar untuk kasih animasi mouse,
setiap lewat diatas gambar selalu ganti gambar
ditambah lagi, bisa tampilin gambar sesuai dengan
yang keterangan tiap link.
file-file pentingnya:
- sp-on.gif (aktif kalo mouse lewat diatas gambar)
- sp-off.gif (dafault gambar yang akan di link)
- sp-spot.gif (gambar tambahan yang aktif kalo mouseover sp-off.gif)
- blank.gif (gambar mula2 yang akan diganti sp-spot.gif)
contohnya bisa diliat di http://international.3M.com/intl/AU/index_06.html
- blank.gif --> gambar "3M" yang warna kuning
- sp-off.gif --> gambar "Architecture..." yang warna biru
- sp-on.git --> gambar "Architecture..." yang warna merah
- sp-spot.gif --> gambar "Reliable techno...." yang warna merah
===taruh di head===
<script LANGUAGE="JavaScript">
<!--
bName = navigator.appName; //detect for Netscape 3+ or IE 4+
bVer = parseInt(navigator.appVersion);
if ((bName == "Netscape" && bVer >= 3) ||
(bName == "Microsoft Internet Explorer" && bVer >=4)) br = "n3";
else br = "n2";
if (br== "n3") {
img01on = new Image();
img01on.src = "button/sp-on.gif";
img01off = new Image();
img01off.src = "button/sp-off.gif";
img01spot.src = "button/sp-spot.gif";
img02spot = new Image();
}
function imgAct(imgName) {
if (br == "n3") {
document[imgName].src = eval(imgName + "on.src");
document["spot"].src = eval(imgName + "spot.src");
}
}
function imgInact(imgName) {
if (br == "n3") {
document[imgName].src = eval(imgName + "off.src");
document["spot"].src = "button/blank.gif";
}
}
// -->
<!--// Load MouseOver Script if using a compatile broswer
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" &&
browser_version >= 4.0) { roll = 'true'; }
else { roll = 'false'; }
function msover1(img1,ref1) { if (roll == 'true') {
document.images[img1].src = ref1; } }
function msout1(img1,ref1) { if (roll == 'true') {
document.images[img1].src = ref1; } }
//-->
</script>
===taruh di body untuk ngeletakin link yang mo digerakin sama mouse===
<a href="services.html" onmouseover="imgAct('img01')"
onmouseout="imgInact('img01')"><img SRC="button/sp-off.gif" NAME="img01"
NOSAVE BORDER=0 height=20 width=181></a>
===taruh di body untuk nganti2 image sesuai keterangan tiap gambar===
<img SRC="button/blank.gif" NAME="spot" NOSAVE height=200 width=165>
silahkan coba
me,
Danie
-------------------------------
Netspro Computer Surabaya
"The best solution for internet marketing"
http://www.netspro.co.id
-------------------------------
-=== FREE Handphone @ http://www.indoglobal.com/dedicated.php3 ===-
To unsubscribe, e-mail : [EMAIL PROTECTED]
To subscribe, e-mail : [EMAIL PROTECTED]
Netika BerInternet : [EMAIL PROTECTED]
