K02K: Wie krieg ich diesen effekt hin?

Beitrag lesen

moinsen ihr freaks :)

wie krieg ich den grau-transparent effekt von www.mediatemple.net mit diesem script hier hin?oder kann mir jemand en besseres geben?

... wie ich den transparenz-effekt der navigation von dieser seite mit diesem jscript machen kann..

<SCRIPT>
<!--
<!--
var old;
var memold;
/*
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
*/
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}

function do_menu(x, sprungziel)
{
do_out()
if(!old)
old=memold;

if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
parent.Inhalt.location.href = eval('"' + sprungziel + '"');
}

function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
if(!old)
{
show_layer(x);
old=x;
}
}

function do_out()
{
if(old)
hide_layer(old);

memold=old;
old="";
}
// -->
//-->
</SCRIPT>
<STYLE>#m1 {
LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 0px
}
#m1x {
Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 30px
}
#m2 {
LEFT: 130px; VISIBILITY: visible; POSITION: absolute; TOP: 0px
}
#m2x {
LEFT: 130px; VISIBILITY: hidden; POSITION: absolute; TOP: 30px
}
#m3 {
LEFT: 260px; VISIBILITY: visible; POSITION: absolute; TOP: 0px
}
#m3x {
LEFT: 260px; VISIBILITY: hidden; POSITION: absolute; TOP: 30px
}
#m4 {
LEFT: 390px; VISIBILITY: visible; POSITION: absolute; TOP: 0px
}
#m4x {
LEFT: 390px; VISIBILITY: hidden; POSITION: absolute; TOP: 30px
}
#m5 {
LEFT: 520px; VISIBILITY: visible; POSITION: absolute; TOP: 0px
}
#m5x {
LEFT: 520px; VISIBILITY: hidden; POSITION: absolute; TOP: 30px
}
.menu {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-DECORATION: underline
}
.menuweiss {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-DECORATION: underline
}
.submenu {
FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-DECORATION: underline
}
.submenuweiss {
FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-DECORATION: underline
}

A.ni:link {
FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.ni:visited {
FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.ni:hover {
FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none}
}

A.ie:link {
FONT-SIZE: 14px; COLOR: #000066; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.ie:visited {
FONT-SIZE: 14px; COLOR: #000066; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.ie:hover {
FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
</STYLE>
</HEAD>
<BODY onclick=do_out() vLink=black aLink=black link=black bgColor=#FFFFFF
textcolor="black">
<div class=submenu id=m1x style="left: 8px; top: 64px; width: 130px; height: 112px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">
<table cellspacing=0 cellpadding=5 width=130 bgcolor=#000066 border=0>
<tbody>
<tr>
<td bgcolor="#FFFFFF">
<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<table border="0" width="200" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" onMouseOver="LmOver(this, '#9999FF')" onMouseOut="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('#')" bgcolor="#FFFFFF" height="17"><font face="Arial, Helvetica, sans-serif"> | <a href="#" class="ni">link</a></font></td>
</tr>
<tr>
<td width="100%" onMouseOver="LmOver(this, '#9999FF')" onMouseOut="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('#')" bgcolor="#FFFFFF" height="17"><font face="Arial, Helvetica, sans-serif"> | <a href="#" class="ni">link</a></font></td>
</tr>
<tr>
<td width="100%" onMouseOver="LmOver(this, '#9999FF')" onMouseOut="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('#')" bgcolor="#FFFFFF"><font face="Arial, Helvetica, sans-serif"> | <a href="#" class="ni">link</a></font></td>
</tr>
<tr>
<td width="100%" onMouseOver="LmOver(this, '#9999FF')" onMouseOut="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('#')" bgcolor="#FFFFFF"><font face="Arial, Helvetica, sans-serif"> | <a href="#" class="ni">link</a></font></td>
</tr>
</table>
</td>
</tr>
</table>
<div align="left">
<style type="text/css">
<!--

.Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
a:link.Navlink {color : #808080;}
a:visited.Navlink {color : #808080;}
a:active.Navlink {text-decoration: none;}
a:hover.Navlink {text-decoration: bold;}

-->
</style>
<csactions> <csaction name="6103163" class="Open Window" type="onevent" val0="http://home.foni.net/~dieterholze/music.htm" val1="" val2="260" val3="24" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
</csactions> <csscriptdict>
<script><!--
function CSClickReturn () {
var bAgent = window.navigator.userAgent;
var bAppName = window.navigator.appName;
if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
return true; // dont follow link
else return false; // dont follow link
}

CSStopExecution = false;
function CSAction(array) {
return CSAction2(CSAct, array);
}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var actArray = fct[array[i]];
if(actArray == null) return false;
var tempArray = new Array;
for(var j=1;j<actArray.length;j++) {
if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {
if(actArray[j][0] == "VAR") {
tempArray[j] = CSStateArray[actArray[j][1]];
}
else {
if(actArray[j][0] == "ACT") {
tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
}
else
tempArray[j] = actArray[j];
}
}
else
tempArray[j] = actArray[j];
}
result = actArray0;
}
return result;
}
CSAct = new Object;

function CSOpenWindow(action) {
var wf = "";
wf = wf + "width=" + action[3];
wf = wf + ",height=" + action[4];
wf = wf + ",resizable=" + (action[5] ? "yes" : "no");
wf = wf + ",scrollbars=" + (action[6] ? "yes" : "no");
wf = wf + ",menubar=" + (action[7] ? "yes" : "no");
wf = wf + ",toolbar=" + (action[8] ? "yes" : "no");
wf = wf + ",directories=" + (action[9] ? "yes" : "no");
wf = wf + ",location=" + (action[10] ? "yes" : "no");
wf = wf + ",status=" + (action[11] ? "yes" : "no");
window.open(action[1],action[2],wf);
}

// --></script>
</csscriptdict> <csactiondict>
<script><!--
CSAct[/*CMP*/ '6103163'] = new Array(CSOpenWindow,/*URL*/ 'http://home.foni.net/~dieterholze/music.htm','',260,24,false,false,false,false,false,false,false);

// --></script>
</csactiondict>
<script language = "javascript">
<!--

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#808080";}

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";}

function LmUp(path)
{location.href = path;}

//-->
</script>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<a onMouseOver="do_check('m1x')"
href="java script:do_menu('m1x',%20'lenser1.html')">

<p><font face="Arial, Helvetica, sans-serif">Menü!</font></p>
</a>
<DIV class=submenu> </DIV>
</BODY>