hej NG
jeg har benyttet følgende JS fra
http://www.phoenixv.dk/
--------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Glidende fade-tekst</title>
<style type="text/css">
#minDiv {
visibility: hidden;
position: relative;
width: 400px;
background-color: transparent;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 10px;
filter: alpha(opacity=0);
-moz-opacity: 0;
}
</style>
<script type="text/javascript">
akt = null;
var i, l;
function visTxt(nr) {
if (akt != nr) {
akt = nr;
t = document.getElementById("minDiv");
t.style.visibility = "hidden";
t.innerHTML = document.getElementById("txt" + nr).innerHTML;
t.style.left = -20;
if (document.all)
t.filters.opacity = 0;
else
t.style.MozOpacity = 0;
i = 0;
l = -20;
t.style.visibility = "visible";
loopTxt();
}
}
function loopTxt() {
++i;
t = document.getElementById("minDiv");
l += Math.ceil((0 - l) * 0.25);
if (l > 0)
l = 0;
t.style.left = l;
if (document.all)
t.filters.alpha.opacity = i * 5;
else
t.style.MozOpacity = (i * 5) / 100;
if (i < 20)
setTimeout("loopTxt();", 50);
}
</script>
</head>
<body>
<a href="#" onClick="visTxt(1); return false;">Vis tekst 1</a> <a
href="#" onClick="visTxt(2); return false;">Vis tekst 2</a> <a
href="#" onClick="visTxt(3); return false;">Vis tekst 3</a><br
/><br />
<div id="minDiv"></div>
<div id="txt1" style="display: none;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
sollicitudin libero volutpat nunc vestibulum rhoncus. Phasellus
ante. Etiam dignissim nunc ac metus. Phasellus in felis quis
turpis tincidunt rutrum. Mauris venenatis egestas elit. Nullam
non odio ac risus sodales adipiscing. Curabitur lectus augue,
volutpat at, ultrices ac, venenatis sed, velit. Aliquam erat
volutpat. Suspendisse potenti. Ut orci justo, consectetuer non,
pharetra eget, fringilla in, tortor. Aliquam tempor arcu nec
purus. Sed fermentum elit id eros. In adipiscing porta tellus.<br
/><br />
Etiam eros massa, porta a, congue non, iaculis quis, mi. Donec at
augue. Duis tincidunt. Donec arcu tortor, iaculis nec, tristique
a, accumsan a, lorem. Phasellus eget tellus. Sed sit amet leo
quis augue hendrerit euismod. Morbi nec velit. Donec nec tortor.
Pellentesque erat. In felis. Donec eu orci. Duis ornare mi non
est. Nunc varius.
</div>
<div id="txt2" style="display: none;">
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla.
</div>
<div id="txt3" style="display: none;">
PhoenixV PhoenixV PhoenixV PhoenixV PhoenixV PhoenixV<br />
PhoenixV PhoenixV PhoenixV PhoenixV PhoenixV PhoenixV<br />
PhoenixV PhoenixV PhoenixV <a
href="
http://www.phoenixv.dk">PhoenixV PhoenixV PhoenixV<br
/>
PhoenixV PhoenixV PhoenixV PhoenixV PhoenixV PhoenixV
</div>
</body>
</html>
--------------------------------------
men det virker tilsyneladende ikke på mac.. er der nogn der kan
hjælpe med at tilrette det således at det kan bruges eller har en
god idé til en løsning..
(jeg har skrevet med manden bag scriptet og han havde desværre
ikke mulighed for at hjælpe)
På forhånd tak
Venlig Hilsen Lars Bach
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials