Главная » HTML5 CSS3 JQuery » аккордеон CSS3

аккордеон CSS3

  


аккордеон на CSS3 ставим код туда где хотите видеть,а название и содержание меняете на свое Готово так-же смотрим демо
Code
<link rel="stylesheet" type="text/css" href="http://stock-exchange.ucoz.com/sss/style.css" />
</head>

<body id="home">
  <ul class="accordion">
   
  <li class="slide-01">
   
  <div>
  <h2>Первый слайд</h2>
   
  <p>В троллейбусе:  
  — Бабуль! Извините, я доеду до центрального рынка?  
  — Нет!  
  Пассажир выходит.  
  Бабуля, кряхтя и усаживаясь на его место:  
  — А я доеду….</p>
   
  </div>
   
  </li>
   
  <li class="slide-02">
   
  <div>
   
  <h2>Второй слайд</h2>

   
  <p>В троллейбусе:  
  — Бабуль! Извините, я доеду до центрального рынка?  
  — Нет!  
  Пассажир выходит.  
  Бабуля, кряхтя и усаживаясь на его место:  
  — А я доеду….</p>
   
  </div>
   
  </li>
   
  <li class="slide-03">
   
  <div>
   
  <h2>третий слайд</h2>
   
  <p>В троллейбусе:  
  — Бабуль! Извините, я доеду до центрального рынка?  
  — Нет!  
  Пассажир выходит.  
  Бабуля, кряхтя и усаживаясь на его место:  
  — А я доеду….</p>

   
  </div>
   
  </li>
   
  <li class="slide-04">
   
  <div>
   
  <h2>Четвертый слайд</h2>
   
  <p>В троллейбусе:  
  — Бабуль! Извините, я доеду до центрального рынка?  
  — Нет!  
  Пассажир выходит.  
  Бабуля, кряхтя и усаживаясь на его место:  
  — А я доеду….</p>
   
  </div>
   
  </li>

   
  <li class="slide-05">
   
  <div>
   
  <h2>Пятый слайд</h2>
   
  <p>В троллейбусе:  
  — Бабуль! Извините, я доеду до центрального рынка?  
  — Нет!  
  Пассажир выходит.  
  Бабуля, кряхтя и усаживаясь на его место:  
  — А я доеду….</p>
   
</body>
аккордеон CSS3 - HTML5 CSS3 JQuery - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz
Z Скачать аккордеон CSS3

акардеон, html5, css3
Категория: HTML5 CSS3 JQuery Просмотров: 1215