Just nu i M3-nätverket
Jump to content

"Fejdande" text...


raven2

Recommended Posts

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.

 

Link to comment
Share on other sites

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]

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...