Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

"Fejdande" text...

raven2

Startad av raven2 ,
i Webbutveckling

Rekommendera Poster

raven2

raven2

Postad
Postad

Skulle vilja fade'a ett stycke text, så att det fade'ar ut i toppen och i botten av stycket, över några rader... någon som har någon bra idé?

 

Har letat runt en hel del, men inte hittat något.

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

Har inte lyckats fadea både topp och botten, men här är för topp iallafall.

 

[log]<DIV STYLE="position:absolute; top:50px; left:10px; width:400px; height:160px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, FinishX=10, StartY=100, FinishY=0);">TEXT...</DIV>[/log]

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

Hm loggfunktionen funkar inge vidare =)

 

Koden igen:

 

<DIV STYLE="position:absolute; top:50px; left:10px; width:400px; height:160px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10,  FinishX=10, StartY=100, FinishY=0);">TEXT...</DIV>[/

 

- Chris

 

Länk till kommentar
Dela på andra webbplatser
Cluster

Cluster

Postad
Postad

För mig funkar den fint, men ditt inlägg ger lite roliga effekter... kolla längst upp på sidan (vid loggan)

:-0

 

 

/Cluster

----------------------------------------

"Den som försummar att dricka ur erfarenhetens källa kommer troligen att dö av törst i okunnighetens öken." - Ling Po

 

Länk till kommentar
Dela på andra webbplatser
Cluster

Cluster

Postad
Postad

Tvungen att testa att lägga in din kod med LOG-funktionen för att se om jag fick samma fel...

 

[edit: tog bort koden]

[log]jepp fick samma fel men en vanlig kodsnutt klarade den av. verkar som om det är nått i din kod som "bryter sig ut". Tipsa Erik[/log]

 

 

/Cluster

----------------------------------------

"Den som försummar att dricka ur erfarenhetens källa kommer troligen att dö av törst i okunnighetens öken." - Ling Po

 

[inlägget ändrat 2004-01-22 03:03:25 av Cluster]

Länk till kommentar
Dela på andra webbplatser
Erik Junesjö

Erik Junesjö

Postad
Postad
Hm loggfunktionen funkar inge vidare =)

Hade glömt att neutralisera html innuti taggen. Nu fungerar det bättre.

\\Erik

 

Länk till kommentar
Dela på andra webbplatser
BoEriksson

BoEriksson

Postad
Postad

Tja, du kan ju alltid kika på detta.

Ett script jag hade liggande, som jag moddat lite för dina syften.

 

<html>

<head>

<title>C a r l Z e t e r b e r b e r g</title>

<style type=text/css>

<!--

body {background-color:lightgreen;font-family:arial,verdana;font-size:18;color:blue;margin:5px;}

-->

</style>

 

<div id="A" style="position:absolute;top:30%;left:30%;visibility:hidden;">

<font color=green>

<scr=<td>Här ett litet förslag </td>

</font>

</div>

 

<div style="position:absolute;top:40%;left:30%;">

<scr=<td>

Denna text är fast, fadar ej! <BR>

Inte bara text, funkar med bilder också

<BR>

</td>

</div>

 

 

<div id="B" style="position:absolute;top:50%;left:30%;visibility:hidden;">

<td>

<font color=red>

<BR>

Kan detta bli bra tro? Jag tror nästan det va!

<BR>

Går att modifiera detta en del

<BR>

Du kan säkert själv ändra position, storlek, antal, hastighet mm. mm.

</font>

</td>

</div>

 

<script type="text/javascript">

<!---

var divs=["A","B"];

function fade(n,diff,opacity){

id=divs[n];

opacity=(opacity)?opacity:(diff<0)?100:1; opacity+=diff;

if(document.getElementById&amp;&amp;document.all){

document.getElementById(id).style.filter="alpha(opacity="+opacity+")";

}else if(document.getElementById&amp;&amp;!document.all){

document.getElementById(id).style.MozOpacity = opacity/50;

}

document.getElementById(id).style.visibility="visible";

if(opacity>=90){

setTimeout("fade("+n+",-"+diff+","+opacity+");",10);

nn=(n==divs.length -1)?0:n+1 ;

setTimeout("fade("+nn+","+diff+");",10);

} else if(opacity>0){

setTimeout("fade("+n+","+diff+","+opacity+");",10);

}

}

fade(0,2);

-->

</script>

 

</head>

<body>

 

</body>

</html>

 

[inlägget ändrat 2004-01-22 12:47:18 av BoEriksson]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...