Код:
<script type="text/javascript">
<!--
x = 20;
y = 70;
function setVisible(obj)
{
obj = document.getElementById(obj);
obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}
function placeIt(obj)
{
obj = document.getElementById(obj);
if (document.documentElement)
{
theLeft = document.documentElement.scrollLeft;
theTop = document.documentElement.scrollTop;
}
else if (document.body)
{
theLeft = document.body.scrollLeft;
theTop = document.body.scrollTop;
}
theLeft += x;
theTop += y;
obj.style.left = theLeft + 'px' ;
obj.style.top = theTop + 'px' ;
setTimeout("placeIt('layer1')",50);
}
window.onscroll = setTimeout("placeIt('layer1')",50);
//-->
</script>
<style type="text/css">
<!--
#layer1 { position: absolute; visibility: hidden; width: 400px; height: 300px; left: 20px; top: 300px; background-color: #ccc; border: 1px solid #000; padding: 10px;}
#close { float: right;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="layer1">
<span id="close"><a href="javascript:setVisible('layer1')" style="text-decoration: none"><strong>закрыть</strong></a></span>
<p>Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока</p>
<p>Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока</p>
<p>Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока Это текст для встроенного блока</p>
<br><br>
</div>
<div class="tabbertab" title="General">
<br>
<a href="javascript:setVisible('layer1',true)">Open popup</a>
<form>
<br>
<input type="button" value="Open popup" onclick="setVisible('layer1')">
</form>
<p><br>
<img src="http://javascript.clan.su/ime/june.gif" width="120" height="80" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="8,29,118,137" href="http://javascript.clan.su" onclick="setVisible('layer1');return false" target="_self">
</map>
</p>
</div>
</body>