+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+--- Thema: mouseover (/showthread.php?tid=4547)
mouseover - trefixxx - 19.08.2004
beispiel ist dieses bild
Code:
<img src="p56.jpg">wenn der user mit der maus darüber fährt, soll das bild eine andere farbe bekommen oder heller werden. Das ist egal.
Wie bekomme ich das hin? danle für hilfreiche antworten!
- Mashoo - 19.08.2004
entweder mit nem CSS Filter oder mit Javascript
also n original Mousover effekt..
da müsstest du dann für das bild noch ein zweites bild machen, dass dann eben ne andere farbe hat oder heller is
- Das_Grauen - 19.08.2004
ganz einfach:
Code:
<html>
<head>
<title></title>
<meta name="author" content="Marius">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<script language="JavaScript">
<!--
bild1=new Image
bild1.src="bild1.jpg"
bild2=new Image
bild2.src="bild2.jpg"
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href="seite2.htm" onMouseOver="document.Bild.src=bild2.src" onMouseOut="document.Bild.src=bild1.src">
<img name="Bild" src="bild1"></a>
</body>
</html>- trefixxx - 19.08.2004
danke, hab die antwort jetzt aber selber bekommen.
falls ihr euch dafür interessiert!
Code:
<table>
<tr>
<td align="center" valign="bottom"><a href="javascript:void(0)" onclick="window.open('p56gross.jpg', 'Bild', 'width=600, height=450');"><img src="p56.jpg" border="0" style="FILTER: alpha(opacity=70); moz-opacity: 20%" onmouseover="this.filters.alpha.opacity='80'" onmouseout="this.filters.alpha.opacity='70'" style="border: 1px solid #000000;"></a></td>
</tr>
</table>