• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dropdownmenü

Status
Für weitere Antworten geschlossen.
Und jetzt... was ist die Frage?

Willst du eine Anleitung
Einen Code

Wenn du einen Beitrag machst musst du schon ne Frage stellen...
 
Wie mache ich sowas. Ein Dropdownmenü als Formular habe ich schon gamacht, aber optisch war das nicht ganz so treffend...
-->Also einen Einfachen Quellcode mit JS
 
Guckst du hier:
Code: 
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Dream Theater Xtreme : Dream Theater Desktop Wallpaper / Artwork / Media (v3.0)</title>

<meta name="description" content="Dream Theater desktop wallpapers, artwork, and media.>

<meta name="keywords" content="DT-X, dream, theater, dream theater, xtreme, wallpaper, desktop, background, artwork, audio, video, petrucci, portnoy, rudess, labrie, myung, moore, sherinian, petfish, erik, muna, dtx">

<link rel=stylesheet href="!style.css">
<script language="javascript" type="text/javascript" src="!stylefade.js"></script>

<script>

/*
Gradual-Highlight Image Script II- 
By J. Mark Birenbaum ([email protected])
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
        
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;

    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}

</script>

</head>

<body>

<SCRIPT>/*
	* DHTML Menu version 3.3
	* written by Andy Woolley
	* Copyright 2002 Andy Woolley. All Rights Reserved.
	*
	* Please feel free to use this code on your own website free of charge.
	* You can also distribute and modify this source code as long as this
	* Copyright notice remains intact and that you send me notice that you
	* intend to use this code on your website. 
	*
	* Limited support for this script is provided
	* Commercial licence agreements are available on request for use & full support.
	* You can send email to [email][email protected][/email] 

	* Script featured on Dynamic Drive (http://www.dynamicdrive.com)
	*/</SCRIPT>

<SCRIPT language=JavaScript src="menu_array.js" type=text/javascript></SCRIPT>	<SCRIPT language=JavaScript src="mmenu.js" type=text/javascript></SCRIPT>

<table align="center" width="760" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td width="111" align="center" valign="top">

[img]images/1x12.gif[/img]

[img]images/1x12.gif[/img]


<!-- <iframe name="sidebar" width="106" height="160" src="sidebar.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>



<iframe name="sidebar" width="106" height="160" src="sidebar.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>



<iframe name="sidebar" width="106" height="160" src="sidebar.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>


 -->

	</td>
    <td width="24" valign="top"></td>
    <td width="498" valign="top">














<div align="center"><h1>Media - Cover Art</h1></div>

<table align="center" width="498" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td colspan="3" align="center">
[b]Isolated Drums of Thought[/b]
	</td>
</tr>
<tr>
	<td colspan="3" align="center">



<span class="thumb">[img]coverart/isolateddrumsofthought.jpg[/img]</span>




	</td>
</tr>
<tr>
	<td width="166" align="center" valign="top">
[url="coverart/isolateddrumsofthought-cover.jpg"][b]cover[/b][/url]
	</td>
	<td width="166" align="center" valign="top">
[url="coverart/isolateddrumsofthought-back.jpg"][b]back[/b][/url]
	</td>

	<td width="166" align="center" valign="top">
[url="coverart/isolateddrumsofthought-label.jpg"][b]label[/b][/url]
	</td>
</tr>
</table>



	</td>
    <td width="24" valign="top"></td>
    <td width="111" align="right" valign="top"></td>

</tr>
</table>




<div align="center"><hr></div>
<div align="center">copyright &copy; 2001-2006 [b]Dream Theater Xtreme[/b]


[b]website designed and maintained by:[/b]


[url="mailto:[email protected]"]Erik Muna aka PetFish[/url]
[url="http://www.erikmuna.com/"]www.erikmuna.com[/url]



[b]hosting provided by:[/b]


[url="http://www.eondigitalsolutions.com/"]Eon Digital Solutions[/url]
</div>




</body>
</html>
 
Also ic hsehe kein HOME / WALLPAPER / MEDIA....
---> Der code (array) ist ausgelagert
 
ich hab mir die seite mal gespeichert, aber bin mir sicher das es auch einfacher geht oder ?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben