<b>REGISTER</b>

GFX-Sector - Javascript & jQuery


 
GFX-Sector » Coding Area » Webentwicklung » Javascript & jQuery » Aufplopp hover » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

Javascript & jQuery

Probleme, Fragen oder sonstiges mit JavaScript, jQuery und co? Hier bist du richtig!
Post New Thread Post Reply

Aufplopp hover

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Blueing
Filtertester


Blueing hat kein Avatar

Registration Date: 07.12.2009
Posts: 1

Spacer
Aufplopp hover

Aufplopp hover

      

Gute Tag,

ich suche ein Jquery/Javascript oder was auch immer, was mir dies ermöglicht:

Wir haben eine Leere Seite wo "Board" in einer Grafik oder Text steht, wenn der Benutzer mit seiner Maus über dieses "Board" fährt soll nach oben/unten/rechts/links ist mir egal, soll sich etwas "aufschieben" mit einem Text oder einer Grafik drinn. Falls wer nicht weiß was ich meine, bitte nochmal genauer Nachfragen. Achja, dies versuche ich zu realisieren, obwohl ich von Javascript bzw. Jquery null Ahnung habe, darum währe mir am liebsten einfach einen kleinen Code wie das machen kann.

Grüße
Blueing
Aufplopp hover 04.04.2010 23:49 Blueing is offline Search for Posts by Blueing

bpr bpr is a male
Spender


Avatar von bpr

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

Spacer
      

im prinzip geht es so:

HTML

code:
1:
2:
3:
4:
5:
6:
<a href="#" onmouseover="showField('secretField')">BOARD</a>
<div class="hidden" id="secretField">
Das wird angezeigt wenn man ueber den link geht
</div>


CSS
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
.hidden
{
display:none;
}

#secretField
{
position:absolute;
z-index:1000;
}



javascript
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
function showField(name)
{
$( name ).toggle(
      function () {
        $(this).fadeIn();
      },
      function () {
        $(this).fadeOut();
      }
    );

}


So ca muesste es schon gehen ... kannst aber probleme bekommen mit flash und z index, aber das ist ja schonmal ne richtung, wie man es selber macht - nehme aber keine gewaehr, da ich es hier im browser geschrieben habe...

gruss
bjoern




Freude
Aufplopp hover 07.04.2010 20:25 bpr is offline Homepage of bpr Search for Posts by bpr

ClOuDy. ClOuDy. is a male
Pfadfinder


Avatar von ClOuDy.

Registration Date: 31.01.2010
Posts: 566
Program: PS CS5

Spacer
      

welcher alte browser brauchen das z-index da? für sowas hab ich noch kein z-index ausgepackt^^ und es hat geklappt



Aufplopp hover 08.04.2010 00:29 ClOuDy. is offline Search for Posts by ClOuDy.

bpr bpr is a male
Spender


Avatar von bpr

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

Spacer
      

Naja Cloudy hast schon recht, man braucht kein zindex, ich habe da einfach nur ne quick n dirty variante runtergeschrieben...




Freude
Aufplopp hover 08.04.2010 15:25 bpr is offline Homepage of bpr Search for Posts by bpr
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 08.04.2010 15:25  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » Javascript & jQuery » Aufplopp hover

Similar topics to Aufplopp hover
Thread
Hover effect, schrift aufleuchten lassen (Forum: HTML, CSS)
Hyperlink Hovereffekt: Sound abspielen (Forum: HTML, CSS)
Highlight/Hover funktioniert nicht :S (Forum: HTML, CSS)
Box-Hover Effekt (Forum: HTML, CSS)
Hover funktioniert nicht (Forum: HTML, CSS)