<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ui.draggable.js"></script>
<script type="text/javascript" src="jquery.drag.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#jmak").click(function()
{
$("#d1").show("slow");
$("#d2").slideDown("slow");
$("button").show("slow");
return false;
});
$("button").click(function()
{
$("#d1").hide("slow");
$("#d2").slideUp("normal");
$("button").hide();
});
});
</script>
</head>
<body>
<div id="tab1" style="top: 10px;">
<h1> <a id="jmak" href="#">Жмакни минйа =)</a> </h1>
<div align=center id="d1" style="position: absolute; top: 180px; background-color: #bb3333; width:99%; height:50px; display: none;">
<!--<font color="white" size=6>♥ - тибе :)</font>-->
<font color="white" size=6>web2.0 rulezzz :)</font>
</div>
<div align=center id="d2" style="position: absolute; top: 230px; left: 8px; background-color: #bb3333; width:50px; height:500px; display: none;">
</div>
<button style="display: none;">Спрятадь</button>
</div>
</body>
</html>
пример сворачиваемого слоя
Я прочитал много статей для этого, как пользоваться clip я понял, как плавно выдвигать слой немного тоже понял, но не особо.
А как заполнять параграфы даже не смог нигде найти. :(
Очень нужен готовый пример такого слоя. Иначе я не пойму.
JQuery чем не подходит. вот пример кода:
Большое спасибо, код понятен, но вот явя скрипт написан не для меня, но буду сараться понять. ещо раз спасибо =)