LINUX.ORG.RU
← Rails + MySQL = теряются данные.
Различие JPG и jpg в AS3 →

Ответ на: комментарий от Black_Roland

Ммм... :active немного не то. Хотелось бы, чтобы состояние сохранялось. А по :active оно обратно после отпускания ЛКМ возвращается.

AlexCones ★★★
() автор топика
Ответ на: комментарий от Kalashnikov

:target ?

Как-то моя не понимать, он тут каким боком?

Ещё яваскриптом можно просто классами рулить: http://jsfiddle.net/Kalashnikov/CgK4f/

Видимо все-таки браузеры еще не готовы делать такие вещи без бгмерзкого жабоскрипта. Радует, что хотя бы при мгновенной смене класса transition срабатывает.

AlexCones ★★★
() автор топика
Ответ на: комментарий от AlexCones

Видимо все-таки браузеры еще не готовы делать такие вещи без бгмерзкого жабоскрипта

Либо следует признать работу с JS столь же банальной, как и работу с CSS или картинками :)

KRoN73 ★★★★★
()
Ответ на: комментарий от AlexCones

Как-то моя не понимать, он тут каким боком?

Ну ты и смотри, пригодится он тебе или нет, смотря что именно тебе нужно может и помочь.

Фанатики не нужны. Тем более если речь об анимации, которая лишь украшают, а не определяет функционал.

Kalashnikov ★★★
()
Ответ на: комментарий от Kalashnikov

Фанатики не нужны.

Скажите это товарищам, которые отрубают jabascript а потом жалуются, что ничего не работает.

Надыбал такую ссылку. Интересное решение.

http://css-live.ru/Primer/slider-css/slider-css.html

AlexCones ★★★
() автор топика
Ответ на: комментарий от AlexCones

Обновил пример. Только я хз как убрать красный например. И на реальной странице, да с якорями могут какие-нибудь артефакты возникнуть наверно.

Kalashnikov ★★★
()
Ответ на: комментарий от AlexCones

Это их проблемы, сами виноваты. Тем более их количество не больше математической погрешности. Тем более

... если речь об анимации, которая лишь украшают, а не определяет функционал

Kalashnikov ★★★
()
Ответ на: комментарий от AlexCones

Тогда :focus 

<html>
<head>
	<style>
		ul li a {
			display: block;
			transition-duration: 0.5s;
			-moz-transition-duration: 0.5s; /* Firefox 4 */
			-webkit-transition-duration: 0.5s; /* Safari and Chrome */
			-o-transition-duration: 0.5s; /* Opera */ 
		}
		ul li a:focus {
			margin-left: 6px;
		}
	</style>
</head>
<body>
	<ul>
		<li><a href="#">[element]</a></li>
		<li><a href="#">[element]</a></li>
		<li><a href="#">[element]</a></li>
	</ul>
</body>
</html>

Black_Roland ★★★★
()
Ответ на: комментарий от AlexCones

index.zip

И что, ты рассчитываешь что кто-то будет возиться с архивом? Юзай jsfiddle или аналоги.

Kalashnikov ★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Rails + MySQL = теряются данные.
Web-development
Различие JPG и jpg в AS3 →