Главная » Файлы » Прочие скрипты » jQuery

Оригинальный модуль Вопрос - Ответ на jQuery
23.06.14, 09:27:15

Скачать файл




Если вам на вашем сайте просто необходим модуль Вопрос - Ответ, то этот скрипт для вас!

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<script type="text/javascript" src="/js/utility.js"></script>  
  <style type="text/css">
.sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px 30px 0 30px}  
dl{font-size:1.2em;line-height:170%;margin-bottom:20px}  
dl,dt,dd{padding:0;margin:0}  
.faqs{padding-top:20px}  
.faqs dt{font-weight:bold;background:url(/edit_media/2010/201009/20100914/faqs/images/q.gif) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}  
.faqs dt:hover{cursor:pointer}  
.faqs dd{background:url(/edit_media/2010/201009/20100914/faqs/images/a.gif) 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333}  
.faqs .hover{color:#990000;text-decoration:underline}  
  </style>


Далее в то место, где должен быть сам модуль, вставляйте:
Код
<div class="sample">
  <dl class="faqs">
<dt>Здесь текст вопроса № 1</dt>
<dd>Здесь текст ответа на вопрос № 1</dd>
<dt>Здесь текст вопроса № 2</dt>
<dd>Здесь текст ответа на вопрос № 2</dd>  
<dt>Здесь текст вопроса № 3</dt>
<dd>Здесь текст ответа на вопрос № 3</dd>
  </dl>
  </div>  
  <div style="clear:both;"></div>


Осталось лишь залить скрипт из прикреплённого архива в папку js

Категория: jQuery | Добавил: Apocalypse | Теги: вопрос, оригинальный, Ответ, на, JQuery, модуль
Просмотров: 273 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: