[komrad_sl]

Здравствуйте. Искал искал но никак не могу найти. Где то видел урок по этой теме.
Есть 2 блока div шириной 100%. они находятся в общем блоке div шириной 100% и по клику блоки меняются (проставляется margin-left) получается что то на подобие слайдера.
Как это можно реализовать? Если можно пример с двумя блоками (красный и зеленый) чтобы они по клику менялись. Ну или какие нибудь другие методы реализовать сие чудо :)
Заранее благодарен :)

[Ems]

Даём свойства блокам, обрабатываем js клики, меняя свойства у объектов. Вот и всё по идее.

[Vlad03]

Используйте animate jquery изменяя margin-left по клику.

[ekart]

На любой вкус Query Image Hover Effect Plugin & Tutorials with Example

[komrad_sl]

Забыл дописать, что все это нужно чисто на HTML+CSS без скриптов, так как со скриптами не дружу

[Rlove]

komrad_sl, увы и ах, но скорее всего придется подружиться с jquery )
На чисто css это будут жуткие костыли. Как вариант - отталкивайтесь от этой статьи _http://ruseller.com/lessons.php?rub=2&id=1600

[komrad_sl]

Нашел ) Еще бы теперь узнать как это сделать для неизвестной высоты блоков (

PHP код:

<a href="#" onclick="document.getElementById('sli1').style.marginTop = '-100px'; return false">Подвинуть</a>
<div id="sli" style="width: 100%; height: 100px; overflow:hidden;">
<div id="sli1" style="width: 100%; height: 100px; background-color: #0f45f8;">11</div>
<div style="width: 100%; height: 100px; background-color: #f02f32;">22</div>
</div> 


[kovaldm]

Можно и без скриптов, но получится без анимации. Жиквери не сложен в освоении, да и в будущем пригодится не раз.

[komrad_sl]

kovaldm, Мне и не нужна анимация. Просто две кнопки одна показывает первый див вторая второй. Весь вечер уже парюсь