| |
|
|
| | Как сделать чтобы слой с картинкой (88х31) был всегда в самом нижнем правом углу? | |
| |
|
|
| |
|
|
| |
для: Yakor
(09.11.2006 в 11:33)
| | | даже при прокрутке? | |
| |
|
|
| |
|
|
| |
для: Yakor
(09.11.2006 в 11:33)
| | | Если я правильно понял задачу, то это выглядит так:
<html>
<head>
<title>Стабильный слой</title>
<style>
body {
margin: 0px;
}
#banner {
z-index: 1;
position: absolute;
width: 88px;
height: 31px;
background-color: gray;
}
</style>
<script>
d=document;
function static_banner(need_id) {
var bod=d.getElementById('all_page');
var nx=bod.clientWidth;
var ny=bod.clientHeight+bod.scrollTop;
var elem = d.getElementById(need_id);
elem.style.left=nx-88;
elem.style.top=ny-31;
var make = "static_banner('banner');";
setTimeout(make,100);
}
</script>
</head>
<body onload="static_banner('banner');" id="all_page">
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<h1>Текст</h1>
<div id="banner">
<a href="#"><img src="./img/banner.gif" width="88px" height="31px" border="0px"/></a></div>
</body>
</html>
|
Правда, он будет немного дергаться, но все же... и еще: в памяти будет постоянно крутиться эта функция, потому что она выполняется рекурсивно и бесконечно. | |
| |
|
|
| |
|
|
| |
для: SHAman
(09.11.2006 в 12:45)
| | | Можно так - без рекурсии.
<html>
<head>
<title></title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!-- Стили -->
<style type="text/css">
body {margin:0; padding:0;}
table {margin:0; padding:0;}
tr {margin:0; padding:0;}
td {margin:0; padding:0;}
</style>
<script language="javascript">
<!--
function reklama()
{
wdth = document.body.clientWidth;
hght = document.body.clientHeight;
if(document.body.scrollTop > 0){
document.getElementById("rekl1").style.left = document.body.scrollTop+(wdth - 88);
document.getElementById("rekl1").style.top = (hght - 31);
}
else{
document.getElementById("rekl1").style.left = (wdth - 88);
document.getElementById("rekl1").style.top = (hght - 31);
}
//для 2-го файрфокса сделать так document.getElementById("rekl1").style.top = (hght - 31)+'px';
return wdth, hght;
}
function chgTop()
{
if(document.body.scrollTop > 0)
{
var top = document.body.scrollTop;
document.getElementById("rekl1").style.top = top+hght-31;
}
else
{
document.getElementById("rekl1").style.top = hght-31;
}
}
//-->
</script>
</head>
<body onLoad="reklama()" onScroll="chgTop()">
<table height="1000" width="100%">
<tr>
<td>
</td>
</tr>
</table>
<div id="rekl1" style="position:absolute; left:0; top:0; height:31; width:88; z-index:2; background-color: #666666;">
</div>
</body>
<html>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(09.11.2006 в 13:15)
| | | Принцип тот же, но без рекурсии. Спасибо, принял на заметку... Но на своем сайте я пользую свой скрипт. Он роднее;) Да и рекурсия не сильно парит. | |
| |
|
|
