Menu+glidende effekt
HejJeg har lige en lang smøre som jeg ikke kan finde ud af.
Jeg vil gerne have mixet de to nedenstående scripts sammen til en funktion, således at når jeg klikker på et link i min menu (i sin egen seperate frame) så glider teksten som det link angår i en en anden frame.
Er der nogen som kan overskue det ???
Menuscript i HEAD
<script>
function skift1(){
top.location.href="index.htm";
}
function skift2(){
parent.Ramme2_2.location.href="overskrift.htm";
parent.Ramme5_4.location.href="hovedside.htm";
}
</script>
Menupunktet
<a href="java script:skift2()" style="text-decoration:none;">Hovedside</a>
Glidende fade-tekst i HEAD
<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>
Link som fremkalder glidende effekt/(skal bruges sammen med menulink)
<a href="#" onClick="visTxt(2); return false;">Vis tekst 2</a>
Tekst som glider ind (skal glide ind i en anden frame end menuen
<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 />
</div>
