Şimdi Ara

hoverintent hover gecikmesi yardım !!!!

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Jack Wolfskin REFUGIO TEXAPORE MID M Outdoor AyakkabıErkek : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B07HYZQ8TM 16 sa. önce paylaşıldı

Under Armour UA W Charged Aurora 2 Spor AyakkabıKadın : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B0CJTBPBF8 5 sa. önce paylaşıldı

Amazon.com.tr: Seçili Giyim Ürünlerinde Sepette %50 promosyon https://www.amazon.com.tr/promotion/psp/A3AZIUJO7U9MQU 16 sa. önce paylaşıldı

Daha Fazla

Bu Konudaki Kullanıcılar: Daha Az

2 Misafir - 2 Masaüstü

5 sn

1
Cevap

0
Favori

491
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1

Giriş

Mesaj

Sorunum şu bir tablom ve tablomdaki tdlerde mouse ile dolaştığımda yukarki divlerin değişmesini sağlayan bir fonksyonum var divlerin içinde numaralar var vetdlerle hover yaptığımda değişiyor. benim sorunum şuki ben tdleri dolaşırken yukardaki divler belli saniye gecikmeli değişsin. kodum şu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>hovwer örnek</title>
<link rel="stylesheet" type="text/css" href="/cherne.css" />
<link rel="stylesheet" type="text/css" href="/cherne_print.css" media="print" />
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="./jquery.hoverIntent.js"></script>
<style type="text/css" media="screen">
#RESOURCES #main .demo td { padding-bottom: 0; }
tr.demo td {background:#fcc; display:block; width:25%; height:50px; padding:0; margin:0; float: left; position:relative; overflow:hidden; cursor:default; font-size:0.9em; line-height:1.1em;}
#RESOURCES h3 {text-align: center;}
tr.demo td.p2 {background:#ffc;}
tr.demo td.p3 {background:#cfc;}
tr.demo td.p4 {background:#ccf;}
tr.demo td span { display:block; margin:4px; background:#eef; cursor:default;}
#RESOURCES{background-color: #CCC;}
#mert{font-size:45px; font-family:Arial, Helvetica, sans-serif;}
</style>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("#demo2 td").hoverIntent(makeTall,makeShort);
$("#demo3 td").hoverIntent({
over: makeTall,
timeout: 500,
out: makeShort
});
});
function makeTall(){ $(this).animate({"height":75},300);}
function makeShort(){ $(this).animate({"height":50},300);}
function Goster(id)
{
for (var i=1;i<=4;i++)
{
if (i!=id)
{
document.getElementById("div"+i).style.display='none';

}
else
{
document.getElementById("div"+i).style.display='block';
}
}
}

</script>
</head>
<body id="RESOURCES">
<h3>HoverIntent örnek uygulama</h3>
<div id="pageContent"></div>
<div id="div1" style="font-weight: bold; text-align: center; color: #00F; font-size: 65px; display:block"><p>1</p></div>
<div id="div2" style="font-weight: bold; text-align: center; color: #00F; font-size: 65px; display:none"><p>2</p></div>
<div id="div3" style="font-weight: bold; text-align: center; color: #00F; font-size: 65px; display:none"><p>3</p></div>
<div id="div4" style="font-weight: bold; text-align: center; color: #00F; font-size: 65px; display:none"><p>4</p></div>
<table align="center" width="2321" cellpadding="10" cellspacing="10" id="main">
<tr class="demo" id="demo2">
<td class="p1" onmouseover="Goster('1')">Birinci Sütun</td>
<td class="p2" onmouseover="Goster('2')">İkinci Sütun</td>
<td class="p3" onmouseover="Goster('3')">Üçüncü Sütun</td>
<td class="p4" onmouseover="Goster('4')">Dördüncü Sütun</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="demo" id="demo3">
<td class="p1" onmouseover="Goster('1')">Birinci Sütun </td>
<td class="p2" onmouseover="Goster('2')">İkinci Sütun </td>
<td class="p3" onmouseover="Goster('3')">Üçüncü Sütun </td>
<td class="p4" onmouseover="Goster('4')">Dördüncü Sütun </td>
</tr>
</table>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3082227-1");
pageTracker._trackPageview();
</script>
</body>
</html>

yardımlarınızı bekliyorum