[UlgenKhan]

Sevgili arkadaşlar,

Scrollbar ile birlikte aşağı / yukarı yönde hareket eden bir banner ya da menü eklemek istiyorum. Bu sanırım JavaScript ile yapılıyor. Bunu nasıl yapabilirm? Bu iş için gereken kodu internette bulabilir miyim? Hangi anahtar kelimelerle aratmalıyım?

İlginiz için şimdiden teşekürler...

[komplike]

onscroll event'i işini görecektir. Kaydırma çubuğu ve fare tekerleği ile harekete geçebilmektedir.

document.documentElement.onscroll = function() {
div.style.top = document.documentElement.scrollTop + "px"; // Dikey kaydırma
div.style.left = document.documentElement.scrollLeft + "px"; // Yatay kaydırma
}

gibi.

Bu tabi çok üstünkörü bir uyarlama oldu. Senin kendi ihtiyaçlarına göre bir takım kontroller koyman gerekebilir.


Daha fazla kaynak bulmak için de Google'da "onscroll" anahtar kelimesiyle arama yapabilirsin.

[FikretAkın]

Sanırım istedigin şey aspindir.com da kullanılan yan taraflardaki reklamlar gibi bişey istiyorsun.

[UlgenKhan]

Arkadaşlar, ilginiz için teşekkürler öncelikle...

@FikretAkın,

Evet, istediğim tam olarak bu... Ama sanırım bu kod Mozilla'da çalışmıyor. Bana Mozilla ve IE'de çalışan bir kod lazım... Düşündüm de, galiba çok şey istedim...

@komplike,

Bu kod ile aspindir.com sitesindeki gibi bir uygulama yapılabilir mi? Verdiğiniz kodun HTML kaynak kodu içine yazılımını nasıl yapmalıyım? Ve son olarak; bu kod Mozilla'da çalışır mı?

[pcDeviL]

Sunu dene istersen,

http://www.javascriptindir.com

Soyle bir aciklama dusmusler,

"Sayfanın en sağına veya en soluna uzun bir şekilde reklam almanızı sağlayacak örnek JS kodu."

Skyscraper ads banner

Su an isteyim eve gidince kendi kullandigimi gondericem sana ; )

Iyi calismalar

[UlgenKhan]

@pcDevil,

Vermiş olduğunuz linkte yer alan kod, sadece IE 'de çalışıyor; Mozilla'da çalışmıyor. Bu kodun Mozilla'da çalıştırmak için ne yapabiliriz?

İlginiz için teşekkür ederim...

[pcDeviL]

Sunu kullan istersen;

<script language="JavaScript">

var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var x,y,sx,sy,logo,logoW,logoH;

function getwindowsize(){
if(ie4||ie5){
x=document.body.clientWidth-logoW-30;
y=document.body.clientHeight-logoH-10;
}else{
x=window.innerWidth-logoW-25;
y=window.innerHeight-logoH-10;
}
setInterval('movelogo()',100);
}

function movelogo(){
if(ie4||ie5){
sx=document.body.scrollLeft;
sy=document.body.scrollTop;
}else{
sx=pageXOffset;
sy=pageYOffset;
}
if(ns4)logo.moveTo((x+sx),(y+sy));
else{
logo.style.left=x+sx+'px';
logo.style.top=y+sy+'px';
}}

window.onload=function(){
logo=(ns4)?document.layers['logo']:(ie4)?document.all['logo']:document.getElementById('logo');
if(ns4){
logoW=logo.document.images['logopic'].width;
logoH=logo.document.images['logopic'].height;
}else{
logoW=document.images['logopic'].width;
logoH=document.images['logopic'].height;
}
getwindowsize();
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else getwindowsize();
}
</script>

<div id="logo" style="position:absolute; left:0px; top:-100px">
<a href="#" target="_blank" title=""><img src="Resim.gif" border="0" name="logopic"></a>
</div>

[metsatöll]

Bu sayfada sol taraftaki menü var. Yanliz bu menü sürekli hareket halinde

[efedrin]

http://www.dynamicdrive.com/dynamici...taticmenu3.htm
bu adrestekini bir deneyin

[efedrin]

http://www.dynamicdrive.com/dynamici...staticmenu.htm
http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm
bunlarda diğer örnekler