Скрипт вывода кликовых объявлений.
Вот изваял, может кому пригодится.
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title block</title>
<style type="text/css">
<!--
body { padding: 0; margin: 0; }
-->
</style>
<script type="text/javascript">
<!--
var advStep = 2; // Шаг изменения прозрачности
var advSpeedAppearance = 20; // Скорость появления рекламного блока (зависит от advStep).
var advInitPosition = advAdjPosition = 5; // Отступ от верхнего/нижнего края(px).
var advDeadZone = 100; // Значение прокрутки, с которого начинает появляться рекламный блок (px).
var advWidth = 95 // Ширина рекламного блока (проценты).
var advHeight = 60; // Высота рекламного блока (px).
var adv, advC, advOldScroll, advCourse = 1;
scrollTop = function () {
return document.documentElement.scrollTop;
}
clientHeight = function () {
if (window.opera) {
if (document.documentElement.clientHeight < document.body.clientHeight) {
adv.setAttribute("border", "1px")
return document.documentElement.clientHeight;
}
else {
return document.body.clientHeight;
}
}
else {
return document.documentElement.clientHeight;
}
}
function on() {
adv = document.getElementById("adv");
adv.filters ? adv.style.filter = "alpha(opacity = 0)" : adv.style.opacity = 0;
advWidth = Math.floor(document.documentElement.clientWidth*advWidth/100);
adv.style.width = advWidth + "px";
adv.style.left = (document.documentElement.clientWidth - advWidth)/2 + "px";
adv.style.height = advHeight + "px";
clientHeight();
}
function scrolling() {
adv = document.getElementById("adv");
if (window.tm1) window.clearInterval(window.tm1);
if (window.tm2) window.clearInterval(window.tm2);
if (scrollTop() < advDeadZone) {
adv.style.display = "none";
return;
}
adv.filters ? adv.style.filter = "alpha(opacity = 0)" : adv.style.opacity = 0;
advC = 0;
if (advOldScroll > scrollTop()) {
advAdjPosition = scrollTop() + clientHeight() - advHeight - advInitPosition;
if (advCourse == 1) {
adv.style.top = advAdjPosition + advHeight*3 + "px";
advCourse = 0;
}
}
if (advOldScroll < scrollTop()) {
advAdjPosition = advInitPosition + scrollTop();
if (advCourse == 0) {
adv.style.top = advAdjPosition - advHeight*2 + "px";
advCourse = 1;
}
}
window.tm1 = setInterval("advOpacity()", advSpeedAppearance);
window.tm2 = setInterval("adjPos()", advSpeedAppearance);
advOldScroll = scrollTop();
}
function adjPos() {
if(adv.offsetTop != advAdjPosition) {
add = .1 * (advAdjPosition - adv.offsetTop);
add > 0 ? add = Math.ceil(add) : add = Math.floor(add);
adv.style.top = adv.offsetTop + add + "px";
}
else {
window.clearInterval(window.tm2);
}
}
function advOpacity() {
adv.style.display = "";
advC += advStep;
adv.filters ? adv.filters.alpha.opacity = advC : adv.style.opacity = advC/100;
if (advC >= 100) {
adv.filters ? adv.filters.alpha.opacity = 100 : adv.style.opacity = 1;
window.clearInterval(window.tm1);
}
}
window.onload = on;
window.onscroll = scrolling;
//-->
</script>
</head>
<body>
<table id="adv" style="position: absolute; display: none" cellpadding="0" cellspacing="0" bgcolor="#6262FF">
<tr>
<td>
<p align="center"><b><font size="5" color="#FFFFFF">Текст объявления</font></b></p>
</td>
<td>
<p align="center"><b><font size="5" color="#FFFFFF">Текст объявления</font></b></p>
</td>
</tr>
</table>
<div align="center">
<table id="title" style="border: 1px solid #0000FF; height: 100px" width="95%" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<b><font face="Arial" size="7"><a href="index.htm">Title</a></font></b>
</td>
</tr>
</table>
</div>
<p>Много текста, который будет скроллиться (размножить до нужного объема)
</p>
</body>
</html>
[/HTML]
Расчитан на два гуглевских блока 468x60.
Когда страница скроллится вниз, объявления появляются вверху, и наоборот...
Можно задать значение прокрутки с которого начинается вывод объявлений.
Использовать для обогащения! :D
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title block</title>
<style type="text/css">
<!--
body { padding: 0; margin: 0; }
-->
</style>
<script type="text/javascript">
<!--
var advStep = 2; // Шаг изменения прозрачности
var advSpeedAppearance = 20; // Скорость появления рекламного блока (зависит от advStep).
var advInitPosition = advAdjPosition = 5; // Отступ от верхнего/нижнего края(px).
var advDeadZone = 100; // Значение прокрутки, с которого начинает появляться рекламный блок (px).
var advWidth = 95 // Ширина рекламного блока (проценты).
var advHeight = 60; // Высота рекламного блока (px).
var adv, advC, advOldScroll, advCourse = 1;
scrollTop = function () {
return document.documentElement.scrollTop;
}
clientHeight = function () {
if (window.opera) {
if (document.documentElement.clientHeight < document.body.clientHeight) {
adv.setAttribute("border", "1px")
return document.documentElement.clientHeight;
}
else {
return document.body.clientHeight;
}
}
else {
return document.documentElement.clientHeight;
}
}
function on() {
adv = document.getElementById("adv");
adv.filters ? adv.style.filter = "alpha(opacity = 0)" : adv.style.opacity = 0;
advWidth = Math.floor(document.documentElement.clientWidth*advWidth/100);
adv.style.width = advWidth + "px";
adv.style.left = (document.documentElement.clientWidth - advWidth)/2 + "px";
adv.style.height = advHeight + "px";
clientHeight();
}
function scrolling() {
adv = document.getElementById("adv");
if (window.tm1) window.clearInterval(window.tm1);
if (window.tm2) window.clearInterval(window.tm2);
if (scrollTop() < advDeadZone) {
adv.style.display = "none";
return;
}
adv.filters ? adv.style.filter = "alpha(opacity = 0)" : adv.style.opacity = 0;
advC = 0;
if (advOldScroll > scrollTop()) {
advAdjPosition = scrollTop() + clientHeight() - advHeight - advInitPosition;
if (advCourse == 1) {
adv.style.top = advAdjPosition + advHeight*3 + "px";
advCourse = 0;
}
}
if (advOldScroll < scrollTop()) {
advAdjPosition = advInitPosition + scrollTop();
if (advCourse == 0) {
adv.style.top = advAdjPosition - advHeight*2 + "px";
advCourse = 1;
}
}
window.tm1 = setInterval("advOpacity()", advSpeedAppearance);
window.tm2 = setInterval("adjPos()", advSpeedAppearance);
advOldScroll = scrollTop();
}
function adjPos() {
if(adv.offsetTop != advAdjPosition) {
add = .1 * (advAdjPosition - adv.offsetTop);
add > 0 ? add = Math.ceil(add) : add = Math.floor(add);
adv.style.top = adv.offsetTop + add + "px";
}
else {
window.clearInterval(window.tm2);
}
}
function advOpacity() {
adv.style.display = "";
advC += advStep;
adv.filters ? adv.filters.alpha.opacity = advC : adv.style.opacity = advC/100;
if (advC >= 100) {
adv.filters ? adv.filters.alpha.opacity = 100 : adv.style.opacity = 1;
window.clearInterval(window.tm1);
}
}
window.onload = on;
window.onscroll = scrolling;
//-->
</script>
</head>
<body>
<table id="adv" style="position: absolute; display: none" cellpadding="0" cellspacing="0" bgcolor="#6262FF">
<tr>
<td>
<p align="center"><b><font size="5" color="#FFFFFF">Текст объявления</font></b></p>
</td>
<td>
<p align="center"><b><font size="5" color="#FFFFFF">Текст объявления</font></b></p>
</td>
</tr>
</table>
<div align="center">
<table id="title" style="border: 1px solid #0000FF; height: 100px" width="95%" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<b><font face="Arial" size="7"><a href="index.htm">Title</a></font></b>
</td>
</tr>
</table>
</div>
<p>Много текста, который будет скроллиться (размножить до нужного объема)
</p>
</body>
</html>
[/HTML]
Расчитан на два гуглевских блока 468x60.
Когда страница скроллится вниз, объявления появляются вверху, и наоборот...
Можно задать значение прокрутки с которого начинается вывод объявлений.
Использовать для обогащения! :D