JAVASCRIPT Resim Efekt Açıklamalı resim

Hoşgeldiniz giriş yapmak için tıklayın veya ücretsiz üye olun.

BANA ÖZEL

KOD EKLE

JAVASCRIPT> Resim Efekt>

Açıklamalı resim

Id No : 218

Detaylar

Ekleyen : efkan

Üyelik : 30.09.2006

Son Giriş : 25.08.2010

Kullanıcı Profili | Üyenin Diğer Kayıtları | Üyeye Mesaj Gönder

Tavsiye Et

Hata Bildir

Ön İzle

Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%

İçerik Hakkında

Mouse imleci resmin üzerine getirildiğinde, resmin geniş açıklaması belirir.

İçerik Kodu

<style>
 .divstyle{position:absolute;
           border:1px groove #115585;
           width:150;
           top:0;
           left:0;
           }
 .pstyletitle{postion:absolute;
              background:#b1b49e;
              color:white;
              font-size:70%;
              font-family:verdana;
              heigth:50px;}

.pstylebody{postion:absolute;
             background:#ebe9d9;
              font-size:70%;
              font-family:verdana;}
</style>
<script language="JavaScript1.2">
var IE = document.all?true:false

if (!IE) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

var tempX = 0
var tempY = 0

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
obj_info = document.getElementById("info")
obj_info.style.top = tempY + 10;
obj_info.style.left = tempX + 10;
  return true
}

function alert_msg(titletext,bodytext){
obj_info = document.getElementById("info")
obj_info.style.display = '';
obj_imagetitle = document.getElementById("imagetitle");
obj_imagetitle.innerHTML = titletext;
obj_imagebody = document.getElementById("imagebody");
obj_imagebody.innerHTML = bodytext;
}

function away()
{
obj_info = document.getElementById("info")
obj_info.style.display = 'none';
}
function goToURL() { history.go(-1); }
</script>
<body>
<div Class="divstyle" id="info" style='display:none;'>
  <div id="imagetitle" class="pstyletitle" align="center"></div>
  <div id="imagebody" class="pstylebody"></div>
</div>
<img src="12060.gif" width="120" height="60"  onmouseover="alert_msg('Buraya Resmin adını','Burayada <br>resmin açıklamasını yazacaksınız')" onmouseout="away()">

İncelenme sayısı : 2851 Eklenme Tarihi : 18.08.2007 18:23:44

Ana Sayfam yap

Sık Kullanılanlara Ekle

Üyelik

İletişim

Web sayfamızda yayımlanan içerik ve linklerden oluşabilecek sorunlardan Kod Merkezi sorumlu tutulamaz. 0,34