Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   Для мастеров,как два пальца об асфальт (http://forums.kuban.ru/f1030/dlya_masterov_kak_dva_pal-ca_ob_asfal-t-2135307.html)

tosha 30.01.2012 18:11

Для мастеров,как два пальца об асфальт
 
Нашел в сети небольшой урок как вставить спойлер на сайт.
Все сделал работает,но при наведении на строчку по которой надо кликнуть что бы спойлер открылся не появляется рука.

То что рука {cursor: pointer** я знаю.

Но в программировании я вообще ничего не понимаю,еще не дорос.

Вот этот урок,может подскажете куда и что вставлять что бы при наведении появлялась рука.

[B]Для удобства создаем новый файл, например myshop.js.
4. Также подключаем его между тегами <head></head>:
Код:

<script type="text/javascript" src="**$smarty.const.URL_JS**/myshop.js"></script>

5. Бросаем нашу библиотеку и созданный файл в папку published/SC/html/scripts/js
6. Где нужно вывести вопрос-ответ, добавляем:
Код:

<h3 class="openIt">Вопрос: Как вам позвонить?</h3>
<div class="closeIt">
Ответ: Возьмите телефон и позвоните )
</div>

Таких вопросов и ответов можно добавить сколько угодно.
7. Открываем наш файл myshop.js (в моем примере он) и добавляем в него код:
Код:

$(document).ready(function() **

//Скрываем все ответы по умолчанию
$('.closeIt').hide();

//Обрабатываем нажатия
$('.openIt').toggle(function() **
$(this).next().slideDown(200); //показываем ответ
**,
function() **
$(this).next().slideUp(200); //скрываем ответ при повторном нажатии
**);

**); //end Ready[/B]

Motorchiknp 31.01.2012 12:35

в css пишите
.openIt {cursor: pointer;**

tosha 31.01.2012 15:01

2-Motorchiknp > Спасибо!все получилось!


Текущее время: 10:18. Часовой пояс GMT +3.