Выделение элементов как в windows

[todd-barry]

Здравствуйте. Мне нужно реализовать выделение элементов html страницы подобно тому, как выделяются значки в windows
jquery я начал изучать совсем недавно, долго пытался найти хоть что нибудь для решения проблемы, так и не нашел.
selectable ui, к сожалению, не позволяет стилизовать выделение (на сколько мне известно, по крайней мере), но суть именно такова.
Пользователь кликает мышкой, а затем тащит мышь (не отпуская левую клавишу) и выделяет значки. Затем отпускает клавишу мыши и значки выделяются.
Большое спасибо за помощь

[melky]

selectable ui, к сожалению, не позволяет стилизовать выделение (на сколько мне известно, по крайней мере)

вы читали документацию?

This widget requires some functional CSS, otherwise it won't work. If you build a custom theme, use the widget's specific CSS file as a starting point.

демка, из темы которой брались стили :
http://jqueryui.com/selectable/#display-grid


поехали.

рамка выделения :
редактируем класс, который указан ниже и имеет след. стили :

.ui-selectable-helper {
    border: 1px dotted black;
    position: absolute;
    z-index: 100;
}

далее, элементы, которые выделяются в текущий момент, пока пользователь не отпустил кнопку мыши

.ui-selecting {
    background: none repeat scroll 0 0 #FECA40;
}

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

.ui-selected {
    background: none repeat scroll 0 0 #F39814;
    color: white;
}

осталось только сделать внешний вид, какой хочется

[todd-barry]

Читал русскоязычные пособия. Однако ни в одном не нашел информации о том, что к данному плагину можно применять стили css. Большое спасибо