Без наворотов? Могу накалякать, а с новаротами(не свою) уже готовую поставить...
Пример "с наворотами" есть?
Я РУССКИЙ, нет, но ты же видел как то... Могу предоставить, но я поддатый, так что хз когда, а свой написать.... Ну на ява я только
Добавлено 10.08.15 в 17:32:58:
One_on_One2 писал, так что сотка- сам накалякаю новый
Нету у меня желания этот код покупать. Ведь есть же где то в пабле код. Че зря платить
Ну епть свое, простое и понятное, а чужое.... Ну даж не знаю, дело твое...
$(document).ready(function(){
$(document).on('click', '#open,#panel-close', function(){
if ($('#left').css('display') == 'none'){
$('body').css({"margin-left": "250px", "overflow-y":"auto", "overflow-x": "hidden","width": $('body').width()+250});
$('#left').css('display','block');
$('#panel-close').css('display','block');
}
else {
$('body').css({"margin-left":"0px","overflow-x":"auto", "width": $('body').width()-250});
$('#left').css('display','none');
$('#panel-close').css('display','none');
}
});
});
На jquery. Проще попросто нет
<html>
<head>
Lalala
</head>
<body>
<div id="left">
Содержимое панели
</div>
<a id="open">АткИть</a>
<div id="panel-close"></div>
Труляля
</body>
</html>
Все остальное. Ща css скину
Добавлено 10.08.15 в 17:55:23:
#left {
position: fixed;
margin-left: -250px;
width: 250px;
display: none;
}
#panel-close {
position: absolute; width: 100%; height: 100%;
background: rgb(0,0,0); opacity: 0.7; display: none; z-index: 1;
}
Я РУССКИЙ, Вот тут думаю найдёшь для себя нужное http://www.internet-technologies.ru/articles/article_2149.html