Помощь в оформлении ссылки

Сообщений: 763 Регистрация: Июл 2011

29 Июля 2012 01:16

Добрый день.
Возникла проблема со сменой иконки ссылки (бэкграунда) , при нажатии для открытия и закрытия блока, не могу найти скрипт или иной способ.
У меня вот так при закрытом блоке:
Рисунок

и так же при открытом, так как просто в стилях ссылки указан бэкграунд.

Рисунок

Надо чтобы плюсик, менялся на минус, при нажатии и соответсвенно при закрытии блока, минус менялся на плюс, как это например реализованно тут:

Рисунок

ссылка на страницу КиноПоиска: _http://www.kinopoisk.ru/film/571892/
или тут , почта Яндекс:
Рисунок

Впрочем такое я видел на многих ресурсах, но в связи с тем что я не особо разбираюсь в скриптаx, прошу помощи у Вас.!
Страница, где я это пытаюсь реализовать:
_http://vash-online.ru/board/multfilmy/smeshariki/masha_i_medved_28_serija/3-1-0-108

Изменено: vdiapazone - 29 Июля 2012 01:18

FreakMurderer

Сообщений: 43 Регистрация: Окт 2011

29 Июля 2012 01:53

Готовишь спрайт из двух картинок + и -
Назначаешь на меняющийся элемент через css, например

.element {
background:url(../images/sprite.png) 0px 0px no-repeat;

}

и еще пишешь такой код

.opened
{
background-position: -10px 0px;
}

js скриптом, при нажатии меняешь класс элемента ".element" на ".opened"

Как то так, если вкратце

Изменено: FreakMurderer - 29 Июля 2012 02:03

vdiapazone

Сообщений: 763 Регистрация: Июл 2011

29 Июля 2012 09:27

FreakMurderer, спасибо тебе, но ни чего если честно не понял, стили я то укажу, а вот какой скрипт использовать, я в скриптах вообще ни чего не понимаю, к сожалению.

FreakMurderer Сообщений: 43 Регистрация: Окт 2011	#4 30 Июля 2012 00:59 _http://javascript.ru/forum/dom-window/26512-akkordeon-svrachivayushhijjsya-razvorachivayushhijjsya-na-jquery.html Посмотри там есть, заодно можешь и спросить Коечто похожее, но для каждого скрипт может быть различным Изменено: FreakMurderer - 30 Июля 2012 01:00

Новые темы	Объявления	Свободное общение
15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 23:00 Продвижение по ключам	15:24 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:48 AlwaysMoney - платформа для обмена криптовалют 14:11 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 14:10 Trustpilot Reviews \| Подниму рейтинг вашей компании 14:10 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 14:10 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 12:12 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ!	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?

Новые темы

Объявления

Свободное общение

15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок
23:00 Продвижение по ключам

16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру
20:43 Добро пожаловать в цифровой мир...
15:59 Про мясо
23:09 ПП от PMS remote.team - 200$ за команду
13:28 Компьютерная мышь
22:55 Ну что, кто куда деваете свои сайты?
22:34 Используете беспроводные наушники?

20.05.2014 11:12	Нужна помощь
24.04.2014 13:00	Нужна помощь JS программиста
22.04.2014 13:29	Нужна помощь в реализации.
08.02.2014 10:23	Нумерация блоков с помощью JavaScript
02.07.2013 19:13	Скролинг в DLE, нужна помощь..