2052 Posts in 477 Topics- by 811 Members - Latest Member: canmasagi

Pages: [1]   Go Down
  Print  
Author Topic: Imge Effect with Javascript - Blur on Over Mouse  (Read 1395 times)
webmaster
Administrator
phpBB Guru
*****
Offline Offline

Posts: 914


hairulazami
View Profile WWW
« on: June 25, 2007, 07:51:56 PM »

ni code <HEAD> na
Code:
<script type="text/javascript">

/*****************************************
* Dissolving Image Rollover- By Roy Whittle (http://www.javascript-fx.com/)
*****************************************/

//Generate transition CSS (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.4,transition=12) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
onImages[imgName] = new Image();
onImages[imgName].src = imgSrc;
}

function turnOn(imgName){
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].apply();
document.images[imgName].offSrc = document.images[imgName].src;
document.images[imgName].src    = onImages[imgName].src;
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].play();
}

function turnOff(imgName){
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].stop();
document.images[imgName].src = document.images[imgName].offSrc;
}

//Specify name of participating images, plus paths to their onMouseover replacements:
Rollover("image1",  "image1_on.gif");
Rollover("image2", "image2_on.gif");
Rollover("image3", "image3_on.gif");

</script>



trus bwat <BODY>
Code:
<a href = "http://www.downloads.winnerweb.org"
onMouseOver="turnOn('image1');"
onMouseOut="turnOff('image1');"><img name="image1" class="imgTrans"
src="image1_off.gif" border="0"></a><br>

<a href = "http://www.winnerweb.org"
onMouseOver="turnOn('image2');"
onMouseOut="turnOff('image2');"><img name="image2" class="imgTrans"
src="image2_off.gif" border="0"></a><br>

<a href = "http://www.webrunner.org"
onMouseOver="turnOn('image3');"
onMouseOut="turnOff('image3');"><img name="image3" class="imgTrans"
src="image3_off.gif" border="0"></a><br>

« Last Edit: January 01, 1970, 07:00:00 AM by webmaster » Logged


jmw
phpBB Guru
*
Offline Offline

Posts: 14

warhawk71us
View Profile WWW Email
« Reply #1 on: January 29, 2009, 01:36:06 PM »

Ni skrip naronya dimana yak? Maklumlah pemula neh..
Logged


webmaster
Administrator
phpBB Guru
*****
Offline Offline

Posts: 914


hairulazami
View Profile WWW
« Reply #2 on: January 29, 2009, 02:10:04 PM »

ada keterangannya bro, ada yang di HEAD dan BODY
Logged


Pages: [1]   Go Up
  Print  
 
Jump to: