Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 19.06.2016, 17:46
Интересующийся
Отправить личное сообщение для Mitai Посмотреть профиль Найти все сообщения от Mitai
 
Регистрация: 19.06.2016
Сообщений: 17

Сообщение от рони Посмотреть сообщение
Mitai,
убрать все <canvas id="pixie"></canvas>

блок Подключаем скрипты должен выглядеть так, для файла index в zip


<script src="http://yastatic.net/jquery/1.12.2/jquery.min.js"></script>
     <script src="fullpage/jquery.fullpage.min.js"></script>
     <script src="js/js.js"></script>
     <script src="js/parallaxsoon3.js" type="text/javascript"></script>
     <canvas id="pixie"></canvas>
убрал <canvas id="pixie"></canvas> из дива и пропала анимация
Ответить с цитированием
  #12 (permalink)  
Старый 19.06.2016, 18:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,114

Mitai,
откройте скопируйте и замените в вашем архиве index.html
<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>eset32upd</title>
    <meta charset="UTF-8">
    <meta name="description" content="Описание">
    <meta name="author" content="Имя Автора">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Иконка сайта -->
    <link rel="shortcut icon" type="image/png" href="images/logo.png">
    <link rel="apple-touch-icon" href="images/favicon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-touch-icon-114x114.png">
    <!-- Шрифты -->
    <!--    <link href='http://fonts.googleapis.com/css?family=Cuprum:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    <!-- Стили -->
    <link rel="stylesheet" href="fullpage/jquery.fullPage.css">
    <link rel="stylesheet" href="icomoon/style.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="circle.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script src="../../docs-assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <!-- Начало кода -->
    <ul id="mainMenu">
      <li class="menu__li" data-menuanchor="Page1" class="active"><a class="menu__a" href="#Page1">Вверх</a></li>
      <li class="menu__li" data-menuanchor="Page2"><a class="menu__a" href="#Page2">ТХ</a></li>
      <li class="menu__li" data-menuanchor="Page3"><a class="menu__a" href="#Page3">Состав</a></li>
      <li class="menu__li" data-menuanchor="Page4"><a class="menu__a" href="#Page4">Бонусы</a></li>
      <li class="menu__li" data-menuanchor="Page5"><a class="menu__a" href="#Page5">Купить</a></li>
      <li class="menu__li" data-menuanchor="Page6"><a class="menu__a" href="#Page6">Отзывы</a></li>
      <li class="menu__li" data-menuanchor="Page7"><a class="menu__a" href="#Page7">Гарантия</a></li>
    </ul>
      
      <div id="fullpage">
        <div class="section p1">
          <div class="p1__blackfon">
            <h1 class="p1__name">ESET NOD32 Быстро. Надежно. Легко.</h1>
            <h2 class="p1__disc">Высокий уровень безопасности</h2>
            <p class="p1__lozung">С помощью решений ESET защищены крупнейшие компании в различных отраслях</p>
          </div>
        </div>
        
        <div class="section p2 clearfix">
          <div class="right p__right">
            <h3 class="zag p2__gray">Преимущества <span class="fw300">NOD32:</span></h3>
            
           <div class="p2__bullet"><i class="icon-star-full"></i>ESET NOD32 Smart Security вошел в число обладателей <span class="p2__akcent"> высшего рейтинга</span></div>
            <div class="p2__bulletdisc">ADVANCED+ AV-Comparatives по показателю производительности.</div>
            
            <div class="p2__bullet"><i class="icon-target"></i><span class="p2__akcent">Передовые облачные и эвристические</span> технологии ESET</div>
            <div class="p2__bulletdisc">для обнаружения новых и уже известных угроз</div>
            
            <div class="p2__bullet"><i class="icon-stopwatch"></i><span class="p2__akcent">Быстрая работа</span></div>
            <div class="p2__bulletdisc">на устройствах с любыми характеристиками</div>
            
            <div class="p2__bullet"><i class="icon-tablet"></i>Удобный интерфейс <span class="p2__akcent">адаптированный</span></div>
            <div class="p2__bulletdisc">к любым типам устройств</div>
            
            <div class="p2__bullet"><i class="icon-lock"></i>Технология ESET <span class="p2__akcent">Антифишинг</span> распознает и блокирует фишинговые сайты</div>
            <div class="p2__bulletdisc">нацеленные на хищение конфиденциальных данных при совершении онлайн-транзакций</div>
            
            <div class="p2__bullet"><i class="icon-aid-kit"></i>Расширенное <span class="p2__akcent">сканирование памяти ESET</span> позволяет обезвреживать</div>
            <div class="p2__bulletdisc">зашифрованные вредоносные программы, которые устанавливаются на компьютер скрыто от пользователя</div>  
          </div>
          <div class="left p__left">
            <img src="images/esetpage2.png">
          </div>
        </div>
          <div class="section p3">
            <div class="slide clearfix" data-anchor="Slide1">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide2">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide3">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide4">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide5">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide6">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide7">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide8">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
            
            <div class="slide clearfix" data-anchor="Slide9">
             <div class="right p__right">
               <h3 class="zag">Как определить разрядность <span class="fw400">Windows:</span></h3>
             </div>
             <div class="left p__left">
                 <img src="">
             </div>
            </div>
          </div>

          <div class="section p4">
            <div class="slide" data-anchor="slide1"> Slide 1 </div>
            <div class="slide" data-anchor="slide2"> Slide 2 </div>
            <div class="slide" data-anchor="slide3"> Slide 3 </div>
            <div class="slide" data-anchor="slide4"> Slide 4 </div>
          </div>
           <div class="section p5">Page5</div>
           <div class="section p6">Page6</div>
           <div class="section p7">Page7</div>

      </div>
       <!-- Конец кода -->
      <!-- Подключаем скрипты -->
     <script src="http://yastatic.net/jquery/1.12.2/jquery.min.js"></script>
     <script src="fullpage/jquery.fullpage.min.js"></script>
     <script src="js/js.js"></script>
     <script src="js/parallaxsoon3.js" type="text/javascript"></script>
     <canvas id="pixie"></canvas>

  </body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 19.06.2016, 19:07
Интересующийся
Отправить личное сообщение для Mitai Посмотреть профиль Найти все сообщения от Mitai
 
Регистрация: 19.06.2016
Сообщений: 17

сделал только не вижу что поменялось
Ответить с цитированием
  #14 (permalink)  
Старый 19.06.2016, 19:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,114

Mitai,


то что вижу я. более ничем помочь не могу.
Ответить с цитированием
  #15 (permalink)  
Старый 19.06.2016, 19:51
Интересующийся
Отправить личное сообщение для Mitai Посмотреть профиль Найти все сообщения от Mitai
 
Регистрация: 19.06.2016
Сообщений: 17

а как этот фон прикрепить к остальным страницам с анимацией? кроме первых двух
Ответить с цитированием
  #16 (permalink)  
Старый 19.06.2016, 19:54
Интересующийся
Отправить личное сообщение для Mitai Посмотреть профиль Найти все сообщения от Mitai
 
Регистрация: 19.06.2016
Сообщений: 17

и как вам удалось сделать летающие шарики на первых двух страницах??
Ответить с цитированием
  #17 (permalink)  
Старый 19.06.2016, 20:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,114

Mitai,
шарики на всех страницах -- скачайте свой zip , разархивируйте, замените index.html на код в 12 посте и увидите их сами.
Ответить с цитированием
  #18 (permalink)  
Старый 19.06.2016, 20:49
Интересующийся
Отправить личное сообщение для Mitai Посмотреть профиль Найти все сообщения от Mitai
 
Регистрация: 19.06.2016
Сообщений: 17

ммммм афигенски, а с первой и второй их можно убрать? как вы это сделали? через css или js супер просто)
Ответить с цитированием
  #19 (permalink)  
Старый 19.06.2016, 21:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,114

Сообщение от Mitai
как вы это сделали?
пост 8 там написано всё решение.
Сообщение от Mitai
а с первой и второй их можно убрать?
можно, но я пас.
Ответить с цитированием
  #20 (permalink)  
Старый 19.06.2016, 21:06
Интересующийся
Отправить личное сообщение для Mitai Посмотреть профиль Найти все сообщения от Mitai
 
Регистрация: 19.06.2016
Сообщений: 17

то есть я подключал канвас только для дива а вы его перенесли в боди и задали в нем разрешение, а как от первой и второй их отцепить?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Анимация при смене фона ureech Элементы интерфейса 15 17.11.2015 17:08
Анимация после анимации Narahon Элементы интерфейса 12 02.04.2015 22:06
анимация фона qwertyuiop Элементы интерфейса 14 04.08.2011 17:29
Алгоритм плавной смены фона или изображения vandy3 Общие вопросы Javascript 6 11.11.2010 00:56
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 03:11