php görünüp kaybolan yazı

22-11-2012, 13:43:44

ufak bir kod'a ihtiyacım var yardımcı olabilecek olan varmı.

sitenin solunda örneğin duyuru yazacak üzerine gelindiğinde duyuru panosu sağa doğru açılıp içindeki metin okunabilir hale gelecek. mouse çekince tekrar kendisi kapanmalı. buna uyan bir kod buldum.

<script>
function ac()
{
document.getElementById('acilacak_div').style.display = 'block';	
}
function kapat()
{
document.getElementById('acilacak_div').style.display = 'none';

}
</script>

<a href="" onmouseover="ac()" onMouseOut="kapat()">Link</a><br />

<div id="acilacak_div" name="acilacak_div" style="display:none; border:solid 1px #ccc; background-color:#f5f5f5">görünecek yazı</div>

benim sorunum bu yazı kapalı olarak geliyor istediğim ilk etapta bu metin açık olsun okunması için ziyaretçiye bir kaç saniye süre verin ardından kapansın.

Naıl bir ekleme yapmalıyım bu kod'a ?

22-11-2012, 13:48:19

#2

fatihemre

Konunun php ile hiç alakası yok. Javascript ile yapabilirsiniz.

Aşağıdaki örneği inceleyin: setInterval(function(){kapat()},3000);

<!DOCTYPE html>
<html>
<body>

<script>

setInterval(function(){kapat()}, 3000);

function ac()
{
document.getElementById('acilacak_div').style.display = 'block';	
}
function kapat()
{
document.getElementById('acilacak_div').style.display = 'none';

}
</script>

<a href="" onmouseover="ac()" onMouseOut="kapat()">Link</a><br />

<div id="acilacak_div" name="acilacak_div" style="display:block; border:solid 1px #ccc; background-color:#f5f5f5">görünecek yazı</div>

</body>
</html>

22-11-2012, 13:52:36

#3

glinings

çok sağol kardeşim, bilmemek kötü işte demek ondan bulamadım. bi de bu şuan aşağı doğru açılıyor. bunun sola doğru açılmasını nasıl sağlarım. sağa yapıştırıcam üzerine gelince sola açılsın istiyorum mümkünmüdür

bayGaReZ adlı üyeden alıntı: mesajı görüntüle

Konunun php ile hiç alakası yok. Javascript ile yapabilirsiniz.

Aşağıdaki örneği inceleyin: setInterval(function(){kapat()},3000);

<!DOCTYPE html>
<html>
<body>

<script>

setInterval(function(){kapat()}, 3000);

function ac()
{
document.getElementById('acilacak_div').style.display = 'block';	
}
function kapat()
{
document.getElementById('acilacak_div').style.display = 'none';

}
</script>

<a href="" onmouseover="ac()" onMouseOut="kapat()">Link</a><br />

<div id="acilacak_div" name="acilacak_div" style="display:block; border:solid 1px #ccc; background-color:#f5f5f5">görünecek yazı</div>

</body>
</html>