| |
|
|
| | имеется следующий код:
<html>
<head>
<style>
.header { border-bottom: 1px dashed black; cursor: pointer; cursor: hand; }
#d2, #d3 { padding-top: 20px; }
.menu { width: 300px; height: 150px; background-color: black; color: white; display: none; }
.visible { display: block; }
</style>
<script src="js/jquery-1.2.6.js"></script>
<script>
$(document).ready(function(){
<?
for ($i=0;$i<=100;$i++) {
echo "$(\"#aaa".$i."\").click(function () {
if ($(\"#Layer".$i."\").is(\":hidden\")) {
$(\"#Layer".$i."\").show(\"slow\");
} else {
$(\"#Layer".$i."\").hide(\"slow\");
}
});";
}
?> });
</script>
<style>
<?
$top_position=34;
for ($i=0;$i<=100;$i++) {
echo "#Layer".$i." {
position:inherit;
width:159px;
height:75px;
background-color: #000FFF;
display: none;
left: 58px;
top: ".$top_position."px;
}";
$top_position=$top_position+22;
}
?>
</style>
</head>
<body>
<?
for ($i=0;$i<=100;$i++) {
echo "<div id=\"Layer".$i."\">
<p>asdasdasd</p>
<p>asdasdasd</p>
</div>";
}
?>
<table width="50%" border="1" cellspacing="0" cellpadding="0">
<?
for ($i=0;$i<=100;$i++) {
echo " <tr>
<td><a href=\"#\" id=\"aaa".$i."\" onclick=\"javascript:stop;\">aaa</a></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
";
}
?>
</table>
</body>
</html>
|
проблема в том, что в разных браузерах слои появлятся в разных местах.
как это исправить?
заранее всем спасибо | |
| |
|
