Плавающая закладка справа

Статус
В этой теме нельзя размещать новые ответы.
Как вариант видел выезжающее меню сделанное на Flash с прозрачностью.
 
а так не подойдет ?

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
window.onerror = null;
var topMargin = 100;
var slideTime = 1100;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
function layerObject(id,left) {
if (ns6) {
this.obj = document.getElementById(id).style;
this.obj.left = left;
return this.obj;
}
else if(ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
return this.obj;
}
else if(ns4) {
this.obj = document.layers[id];
this.obj.left = left;
return this.obj;
}
}
function layerSetup() {
floatLyr = new layerObject('floatLayer', pageWidth * .0,7);
window.setInterval("main()", 10)
}
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}
function main() {
if (ns4) {
this.currentY = document.layers["floatLayer"].top;
this.scrollTop = window.pageYOffset;
mainTrigger();
}
else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin;
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY;
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date();
this.A = this.targetY - this.currentY;
this.B = Math.PI / ( 2 * this.slideTime );
this.C = now.getTime();
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
this.A = this.A > 0 ? this.findHt : -this.findHt;
}
else {
this.D = this.currentY;
}
}
function animator() {
var now = new Date();
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
newY = Math.round(newY);
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
if ( ns4 )document.layers["floatLayer"].top = newY;
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px";
}
}
function start() {
if(ns6||ns4) {
pageWidth = innerWidth;
pageHeight = innerHeight;
layerSetup();
floatObject();
}
else if(ie4) {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
layerSetup();
floatObject();
}
}
// End -->
</script>

а это вставляем в index

<body bgcolor="#000000" text="white" link="white" topmargin="0" leftmargin="0" onLoad="start()">
<DIV id="floatLayer" style="position: absolute; width:122px; left:30px; top:1px; z-index: 100; background-image: url(img/banner1.gif); layer-background-image: url(img/banner1.gif); border: 1px none #000000; height: 112px;">
<br>&nbsp;&nbsp;<font color="#ffffff"><b>Контакт</b><br><br>
&nbsp;&nbsp;<a href="mailto:********"><font color="#F8D803">*******</a></font><br>
&nbsp;&nbsp;<font color="#F8D803">ICQ: &nbsp;*********</font><br><br><br>

</DIV>
 
antifilter написал(а):
CSS:

#floater {
LEFT: 0px; position: fixed; TOP: 50px;
}

В коде:

<img src="images/plav.gif" id="floater" hspace="0" vspace="0" border="0" align="left" />

в Опере и Лисе работает, в Осле - нет. Что не так? Помогайте, друзья!
Нажмите для раскрытия...

Попробуйте написать в CSS:
HTML: 
position:static;

Отпишитесь о результате.
 
Вот готовый рабочий пример с решением проблемы фикса в IE6

Код: 
<head>
<!--этот стиль чтоб не дрожжало при прокрутке-->
<style>
body
{
    background: url('/n.gif') no-repeat;
    background-attachment: fixed;
}
</style>
<!--/этот стиль чтоб не дрожжало при прокрутке-->
<!--этот стиль чтоб в IE работал FIXED-->
<style>
.fixed {
width: 18em; padding: 0.5em; background-color: #f5f5ea; position: fixed; top: 0px; right: 0px; //position: absolute; top: expression( eval(document.body.scrollTop) + 'px');
}
</style>
<!--/этот стиль чтоб в IE работал FIXED-->
</head>
<body>
<div style="height:200%;">
<div class="fixed">
Этот блок остается на месте при прокрутке и не дрожжит =)
</div>
</div>
</body>
 
юзай наздоровье
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>&nbsp;</title>

<style type="text/css">
#float{ position:fixed; right:0; top:100px; width:100px; height:100px; padding:10px; background-color:blue; }
</style>

<!--[if IE 6]>
<style type="text/css">
#float{ position:absolute; top:expression( runtimeStyle.top = (document.documentElement.scrollTop + 100) + "px" ); }
</style>
<![endif]-->

</head>

<body>

	<div id="float">float</div>

some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content<br />some content
	
</body>
</html>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху