Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS] Zmiana opacity po najechaniu
in5ane
post
Post #1





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----


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>


Ten post edytował in5ane 3.12.2012, 12:40:37
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


  1. $('.menu').mouseover(function(){
  2. $('.aktywne_okienko').css('opacity', '0.5');
  3. });
  4. $('.menu').mouseout(function(){
  5. $('.aktywne_okienko').css('opacity', '1');
  6. });
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 23:30