Tekst op een fade-in plaatje!

Auteur: Carpmadness - 06 september 2004 - 11:20 - Gekeurd door: Dennisvb - Hits: 6198 - Aantal punten: 4.25 (2 stemmen)

Leuk stukje code om je plaatjes te voorzien van tekst!
Ook fade het plaatje in bij mouse over!

Code:

php code - Bekijk de code zonder highlighting - Klap code in

                <div style="position:absolute; top:184; left:366; z-index:0"><SCRIPT language=JavaScript1.2>
<!--
function wlow(which1){
theobject=which1
lowlighting=setInterval("lowlightit(theobject)",50)
}
function whigh(which1){
clearInterval(lowlighting)
which1.filters.alpha.opacity=100
} 
function lowlightit(cur1){
if (cur1.filters.alpha.opacity>40)
cur1.filters.alpha.opacity-=10
else if (window.lowlighting)
clearInterval(lowlighting)
}
//-->
</script>

<a href="#"><img src="http://www.carpmadness.nl/Avatar1.gif" width="80" height="80" border="0" style="FILTER: alpha(opacity=100)" onmouseover=wlow(this) onmouseout=whigh(this)></a></div>
<div style="position:absolute; overflow:hidden; left:358px; top:245px; width:101px; height:22px; z-index:1">
<FONT style="font-size:10pt" color=#000000 face="Tahoma">
<DIV><FONT style="font-size:11pt" color=#FF0000 face="Times New Roman"><B><I>Special tekst!!!</I></B></FONT></DIV>
</FONT>
</DIV>
            
<div style="position:absolute; top:184; left:366; z-index:0"><SCRIPT language=JavaScript1.2>
<!--
function wlow(which1){
theobject=which1
lowlighting=setInterval("lowlightit(theobject)",50)
}
function whigh(which1){
clearInterval(lowlighting)
which1.filters.alpha.opacity=100
} 
function lowlightit(cur1){
if (cur1.filters.alpha.opacity>40)
cur1.filters.alpha.opacity-=10
else if (window.lowlighting)
clearInterval(lowlighting)
}
//-->
</script>
 
<a href="#"><img src="http://www.carpmadness.nl/Avatar1.gif" width="80" height="80" border="0" style="FILTER: alpha(opacity=100)" onmouseover=wlow(this) onmouseout=whigh(this)></a></div>
<div style="position:absolute; overflow:hidden; left:358px; top:245px; width:101px; height:22px; z-index:1">
<FONT style="font-size:10pt" color=#000000 face="Tahoma">
<DIV><FONT style="font-size:11pt" color=#FF0000 face="Times New Roman"><B><I>Special tekst!!!</I></B></FONT></DIV>
</FONT>
</DIV>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)