nicht angemeldet
Hallo Stingray,
Ich moechte nun ein Bild 50% durchsichtig haben und wenn man mit der Maus drüber fährt soll das Bild 100% sichtbar sein.
Warum mit JS das geht doch mit CSS alleine auch:
im style:
<style type="text/css">
a.trans:link{Filter:Alpha(opacity= 50); -moz-opacity: 50%;}
a.trans:visited{Filter:Alpha(opacity= 50); -moz-opacity: 50%;position:absolute}
a.trans:hover{Filter:Alpha(opacity= 100); -moz-opacity: 100%;}
</style>
mit der angabe -mozopacity... funktioniert der Transparenzeffekt auch in MOZILLA
und im body dann:
<a href="#" class="trans"><img src="myimage.jpg"></a>
2.Ich möchte nun, dass ein kleines JS Menu erscheint, wenn ich mit der Maus über den Button fahre. (ähnlich wie auf http://www.yeha.de, nur halt evtl mit einer kleinen Hintergrundgrafik).
Wie is das allgemein machbar,
und wie krieg ich dort die Hintergrundgrafik rein?
also hier weiß ich jetzt auf die schnelle nur die tooltips per title attribut. Aber mit hintergrundgrafik? (muß das sein?) is schwierig. Vielleicht http://www.fractatulum.de/fraccss/sample/menu2format.htm
Ansonsten google halt mal nach javascript und download da gibt es viele Seiten mit scripten.
3.: Das is glaub ich das komplizierteste. :D
Das ganze ist ähnlich wie Punkt 2. Ich hab wieder einen Button (www.annox.de/votevorher.jpg). Und wenn ich nun den Button anklicke soll mit einer Animation der Kasten Vote herunterfahren runterfahren,
Naja das klingt nach DHTML:
Hier mal ein kleies Beispiel zum rumspielen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>div von außerhalb des screen einfahren lassen</title>
<style type="text/css">
#bewegdiv{font:14px sans-serif;position:absolute;text-align:center;padding:15px;top:-60px;left:150px;border:4px outset red;width:200px;background-color:gold}
#frage{font:40px sans-serif;text-align:center;border:4px outset white;padding:10px;background-color:silver}
</style>
<script type="text/javascript">
var y=-60 // diese zahl muß mit der angabe {top:} im betreffenden stylesheet übereinstimmen gibt den abstand vom oberen screenrand an
var beginy=-60// diese zahl muß mit der angabe {top:} im betreffenden stylesheet übereinstimmen gibt den abstand vom oberen screenrand an
var speed=4 // bewegt bei jedem aufruf das div um die angegebene anzahl pixel
var endey=100 // ende der bewegung bei der angegebenen anzahl pixel
function bewegen(richtung)
{
if (richtung=='runter' && y<endey)
{y=y+speed;
document.getElementById('bewegdiv').style.top=y;
if (y<endey) {setTimeout ("bewegen('runter')",20)};
}
else
{
y=y-speed;
document.getElementById('bewegdiv').style.top=y;
if (y>beginy) {setTimeout ("bewegen('rauf')",20)};
}
}
</script>
</head>
<body>
<div id="frage" onClick="bewegen('runter')">click mich dann bewege ich das div nach unten </div>
<div id="frage" onClick="bewegen('rauf')">click mich dann bewege ich das div nach oben</div>
<div id="bewegdiv">dieses div bewegt sich</div>
</body>
</html>
Vielleicht hilfts Dir ja
Grüße aus Nürnberg, HarryS