login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Javascript bewegende layer [mouseover]

Offline sasa - 31/10/2007 19:45
Avatar van sasaNieuw lid Ik heb hier "bewegende layers" op afbeeldingen kunnen maken, die aan je muis komen als je over een afbeelding gaat. Zie - trek u effe niets aan van de overige layout en tekst - http://www.herm...result.php

Het gaar allemaal goed, tot wanneer je scrolt dan dan hangt de layer plots niet meer aan de muis...

Hier is mijn script met css
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. #tooltips div { 
  3.  
  4. position: absolute;  
  5. visibility: hidden; 
  6. background-color:#ffffff; 
  7. border: 1px solid blue; 
  8. width:150px; 
  9. opacity:.85; filter: 
  10. alpha(Opacity=85); 
  11. -moz-opacity:0.85; 
  12. padding:2px; 
  13. line-height:12px;}
  14. </style>
  15. <script language="javascript">
  16. var IE = document.all?true:false; 
  17. if (!IE) document.captureEvents(Event.MOUSEMOVE);document.onmousemove = getMouseXY; 
  18. var tempX = 0; var tempY = 0; 
  19. var tempTip=false;function getMouseXY(e)
  20. {
  21. if (IE) 
  22. { 
  23. tempX = event.clientX + document.body.scrollLeft+5;tempY = event.clientY + document.body.scrollTop+5;
  24. } 
  25. else 
  26. { 
  27. tempX = e.pageX + 15;tempY = e.pageY + 15;} if (tempX < 0){tempX = 0} 
  28. if (tempY < 0){tempY = 0} moveTip();return true; }function moveTip()
  29. {
  30. if(tempTip!=false){document.getElementById(tempTip).style.top = (tempY+'px');
  31. document.getElementById(tempTip).style.left = (tempX+'px'); 
  32. }
  33. }
  34. function showTip(tag)
  35. {tempTip=tag;document.getElementById(tag).style.top = (tempY+'px');
  36. document.getElementById(tag).style.left = (tempX+'px');
  37. document.getElementById(tag).style.visibility = "visible";
  38. }
  39. function hideTip(tag)
  40. {document.getElementById(tag).style.visibility = "hidden";tempTip=false;}
  41. </script>


Van waar komt dit buitenbeentje volgens jullie?

6 antwoorden

Gesponsorde links
Offline Koen - 31/10/2007 19:57
Avatar van Koen PHP expert Volgens mij is dit overal, ik weet niet of er iets aan gedaan kan worden..
maar waarom? zodra je de muis beweegt is alles terug op z'n plaats..
Offline sasa - 31/10/2007 20:57
Avatar van sasa Nieuw lid Ja, maar kan dat niet opgelost worden?
Offline zointer - 31/10/2007 21:28
Avatar van zointer HTML gevorderde Ja dat is normaal


sasa schreef:
[........]

is die van tooltip 
Offline sasa - 31/10/2007 22:01
Avatar van sasa Nieuw lid Ik heb de code eigenlijk van deze site...
http://www.imag...theme=none
Offline zointer - 31/10/2007 22:14 (laatste wijziging 31/10/2007 22:16)
Avatar van zointer HTML gevorderde
sasa schreef:
Ik heb de code eigenlijk van deze site...
http://www.imag...theme=none

speelt eigenlijk geen rol is maar te laten zien dat overal hetzelfde is, ook hier 

edit: en eigenlijk stoort dat niet, als je over een link/foto gaat scroll je normaal niet 
Offline sasa - 31/10/2007 22:36
Avatar van sasa Nieuw lid Maar nudat er meer foto's zijn moet je wel scrollen, en zo krijg je geen uitleg bij de onderste foto's... Check nog maar eens na:
http://www.herm...result.php
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s