Затухание и выцветание с дисплеем

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     #myDIV { 
      width: 500px; 
      height: 500px; 
      display: none; 
     } 

     #second { 
      width: 500px; 
      height: 500px; 
      background-color: lightblue; 
      display: none; 
     } 
    </style> 
    </head> 
    <body> 

    <div id="menu" class="menu"> 
     <ul class="headlines"> 
      <li id="item1"onclick="checklist(this)"><button onclick="myFunction()">Home</button></li> 
      <li id="item2"><button onclick="myFunction2()">About </button></li> 
      <li id="item3">Contact us  </li> 
      <li id="item4">asda  </li> 
      <li id="item5">dfgdfgd</li> 
      <li id="item6">sdfghs </li> 
      <li id="item7">sghsfhs </li> 
     </ul> 
     </div> 
     <div id="myDIV"> 
      <img src="j.png"> 
     </div> 
     <div id="second"> 
      This is my DIV2 element. 
     </div> 
     <script> 
      function myFunction() { 
       document.getElementById("myDIV").style.display = "block"; 
       document.getElementById("second").style.display = "none"; 
      } 
     </script> 

     <script> 
      function myFunction2() { 
       document.getElementById("second").style.display ="block"; 
       document.getElementById("myDIV").style.display = "none"; 
      } 
     </script> 
    </body> 
</html>

Два деления чередуются в одном и том же месте. Как я могу сделать это изменение, основанное на постепенном исчезновении и исчезновении. как появляются (исчезают) и исчезают (исчезают) с задержкой. И метод, применимый ко всем элементам меню? СпасибоЗатухание и выцветание с дисплеем

источник

2015-06-12 mikeb

Могли бы вы добавить _ [Fiddle] (http://fiddle.jshell.net/) _? –

http://jsfiddle.net/ct7c5a3b/ – adeneo

Вам, парни, не нужна скрипка! * Серьезно! * –

Просто измените myFunction() так:

function myFunction() { 
    $("#myDIV").fadeIn(); 
    $("#second").fadeOut(); 
} 

function myFunction2() { 
    $("#second").fadeIn(); 
    $("#myDIV").fadeOut(); 
}

источник

2015-06-12 08:16:03

ok, но применимо ли это ко всем элементам вышеуказанного меню? и как я могу отложить затухание и угаснуть факторы? – mikeb

@randy Дайте класс !!! –

function myFunction() { 
    $("#second").fadeOut(300, function(){ 
     $("#myDIV").fadeIn(300); 
    }); 
} 

function myFunction2() { 
    $("#myDIV").fadeOut(300, function(){ 
     $("#second").fadeIn(300); 
    }); 
}

попробовать это, это задержит ДО 300 мс и ждать, пока FADEOUT, и он начал FadeIn для 300 мс

источник

2015-06-12 08:24:28 Selva

ОК, я с вами на этом, однако этот метод можно сделать на всех элементах вышеуказанного меню? и как я могу отложить затухание и угаснуть факторы? – mikeb

это, как это сделать, можно упомянуть элементы fadein fadeout – Selva

да они в меню в моем коде – mikeb

Затухание и выцветание с дисплеем

ответ

Смежные вопросы