Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS] Zmiana opacity po najechaniu
Forum PHP.pl > Forum > Przedszkole
in5ane
Cześć, mam takie menu wysuwane (poziome, do góry), gdzie po kliknięciu w link pojawia się (poprzez jQuery - zmiana display z none na block) okienko z treścią. Jak do tego dodać, że gdy już mam wyświetlone okienko z treścią i jak sobie wybieram znowu coś z menu, to obecne okienko z treścią opacity zmienia na połowę (takie na w pół widoczne).

Moje kody:
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(function()
  3. {
  4. $(".topmenu ul").css({ display: "none" }); // Opera Fix
  5. $(".topmenu li").hover(
  6. function() {
  7. $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(600);
  8. },
  9. function() {
  10. $(this).find('ul:first').css({ visibility: "hidden" });
  11. }
  12. );
  13. });
  14. </script>
  15. <script type="text/javascript">
  16. function makeactive(tab) {
  17. document.getElementById("content_b").style.display = "block";
  18. $("#content").fadeIn('1000');
  19. callAjax('content.php?content= '+tab, 'content', 'Getting content. Wait...', 'Error!');
  20. }
  21. </script>
[JAVASCRIPT] pobierz, plaintext


  1. <div id="content_b" style="display: none;"><div id="content" style="display: none;"></div></div>
  2.  
  3. //poniżej kawałek menu
  4.  
  5. <ul id="css3menu1" class="topmenu">
  6. <li class="topfirst"><a href="#" style="height:17px;line-height:17px;"><span>asd</span></a>
  7. <ul>
  8. <li onclick="makeactive(1)"><a href="#">asd 1</a></li>
  9. <li onclick="makeactive(2)"><a href="#">asd 2</a></li>
  10. </ul>
  11. </li>
  12. ............
  13. </ul>
b4rt3kk
  1. $('.menu').mouseover(function(){
  2. $('.aktywne_okienko').css('opacity', '0.5');
  3. });
  4. $('.menu').mouseout(function(){
  5. $('.aktywne_okienko').css('opacity', '1');
  6. });
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.