Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.06.2007 um 18:54 (UTC)    
Titel: Hover effekt mit Javascript

hi - Wie die überschrift schon sagt. Ich möchte einen Hovereffekt mit Javascript machen.
Kann mir jemnd einen Code geben???

MFG,
VanHellsehn
______________



Zuletzt bearbeitet von vanhellsehn am 27.06.2007, 19:58, insgesamt einmal bearbeitet
Beitrag27.06.2007 um 20:59 (UTC)    
Titel:

Beitrag31.07.2007 um 10:55 (UTC)    
Titel:

Das gibt es allerdings für Bilder und Banners.

Also diesen Code gibst du in "Text über Design" ein.

Zitat:
<script type="text/javascript">
<!--
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;

function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}


function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}

//-->
</script></center>


Und diesen Code gibst du an einem Platz deiner Wahtl ein (natürlich in der Text seite.
Der Code ist bestimmt für ein Bild, Button etc.

Zitat:
<center>
<a href="HIER ZIELSEITE" target="_blank"><img src="HIER BILD-ADRESSE.jpg" border="0" style="filter:alpha(opacity=50);-moz-opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></a></center>


Für Unverlinkte Banner, Bilder etc. gibst du follgenden Code ein:

Zitat:
<center><img src="HIER BILD-ADRESSE.jpg" style="filter:alpha(opacity=50);-moz-opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></center><br />


Diese Code klappen im Mozilla und im I-Net Explorer. Allerdings Explorer 6.0 nicht!

Zitat von www.vorschau.de.tl
Zitat:
Damit IE 6.0 Nutzer den Effekt sehen konnten,
musste im Banner-Code das target="_blank" nach dem href="Zielseite" platziert werden.



MfG Emi
Beitrag08.03.2011 um 22:35 (UTC)    
Titel:

ich wollte auch mal was mit java rein machen jedoch hat das nicht geklappt dann wurde mir gesagt ich solle es mit iframe versuchen das hat auch geklappt jedoch nicht ganz aber zur hälfte
weiß nicht ob dir das weiter hilft kannst dich ja mal erkundigen wegen iframe
Beitrag09.03.2011 um 15:21 (UTC)    
Titel:

füg das ein:

Code:
<style type="text/css">
<!--

.effekt {
color: black;
}

.effekt:hover {
color: red;
}

-->
</style>


Mit CSS kannst du dann ganz einfach einstellen, wie das Element bei Hover aussehen soll.

und dann da wo der Hover effekt sein soll schreibst du das:

Code:
<p class="effekt">Dieser Bereich verändert sich!</p>


falls du noch nicht mit CSS vertraut bist, kannst du mir ja sagen was du möchtest, ich schreib dir dann noch mal Smile
______________


Zuletzt bearbeitet von soulraver am 09.03.2011, 16:30, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de