Om man kan tona ett lager från transparent bakgrund till en färg...

5 svar · 273 visningar · startad av rmblfish 23 okt. 2001

rmblfishMedlem sedan dec. 20009 inlägg

Frågan23 okt. 2001 11:08#1

hmm undrar om man kan tona ett lager från transparent bakgrund till en färg...borde ju gå men hur? hittar ingen liknande fråga+svar i forumet...

------------------
===================
___________________

mirreMedlem sedan okt. 20011 inlägg

23 okt. 2001 15:37#2

Sure thing!

****************************************************************************
***
<html>
<head>
<title></title>
<style>
.myStyle { filter: Alpha(Opacity=0); font-family: Arial, Helvetica,
sans-serif; font-size: 45px}
</style>
<script>
var styleID = ""
var lager = 0
var timer = 0
var alphaVal = 10
var arrayVar = new Array()
var yy

function changeColor() {
if (document.all) {
setStyleProperties(".myStyle")
}
}

//*** Set properties on styles for animation on object
function setStyleProperties(ID) {
styleID = ID

document.styleSheets\[0\].addRule(styleID, "filter:

Alpha(Opacity="+alphaVal+")");
//for (i=1;i<arguments.length;i++) {
//for (Li=0;Li<arrayVar.length;Li++) {
//if (arguments==arrayVar[Li]) {
//document.styleSheets[0].addRule(styleID,
"filter: Alpha(Opacity="+alphaVal+")");
//}
//}
//}
timer++;
alphaVal += 10;
setProperties = setTimeout("setStyleProperties('"+styleID+"')", 200)
if (timer>9) {
timer = 0
alphaVal = 10
clearTimeout(setProperties);
}
}

</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="#" onMouseover="changeColor()">Visa text</a>
<div id="hamngot" style="position:absolute; left:50px; top:50px; width:22px;
height:17px; z-index:18" class="myStyle">Lite text om nåt, eller så...</div>
</body>
</html>
*********************************************************

Eller nåt. Typ funkar bara i IE4+. Måste skrivas om för Netscape.

[Redigerat av mirre den 23 okt 2001]

rmblfishMedlem sedan dec. 20009 inlägg

24 okt. 2001 08:11#3

TopPen tjejjen!
Ser även fram emot en krossbrowserlösning!

tusen tack!!

------------------
===================
___________________

marbleMedlem sedan aug. 200113 inlägg

25 okt. 2001 06:29#4

Går det att tona en färg till transparent som en bakgrund till ett textstycke?

ironheadMedlem sedan mars 20011 346 inlägg

25 okt. 2001 08:07#5

Funkar inte i IE 6.0

higaMedlem sedan aug. 2000359 inlägg

26 okt. 2001 09:40#6

Så här kör jag, funkar i både IE 5 och Mozilla:

var count = 0
function fade() {
 if(count < 100)
 {
  count++
  if (parseInt(navigator.appVersion) >= 5 ) { document.getElementById("fading").style.MozOpacity = (count/100) }
  else if(document.all) { fading.filters.alpha.opacity = count }
	setTimeout("fade()",40)
 }
}

<img id="fading" style="-moz-opacity:0.01; filter: alpha(opacity=1)" src="fade.png" width="264" height="60" alt="Fade">

Glöm inte att lägga in funtionen fade() på onload i bodytaggen

------------------
Står IIS för Internet Irritation Server :)

[Redigerat av higa den 26 okt 2001]