ramin149
چهارشنبه 26 مهر 1391, 18:53 عصر
سلام
من کد زیر را نوشتم اما چند مشکل ریز داره که من بلد نیستم با چه روشی میشه این مشکل رو حل کرد . مشکلاتی از قبیل
وقتی بین لینک و باکس فاصله داشته باشه وقتی بخواهی از روی لینک بری روی باکس ، باکس ناپدید می شه و نمی شه گزینه داخل باکس را تغییر داد .
وقتی چندین بار موس را روی لینک ببریم و بردارییم ، باکس هم به همون اندازه باز و بسته می شه که چندان خوش آیین نیست . (وقتی از تابع delay استفاده می کنم .)
لطفا کسی از دوستان این دو مشکل من را حل کنه خیلی ممنون می شم .
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Introduction , #txt_Introduction').mouseover(function () {
$('#txt_Introduction').show();
});
$('#Introduction').mouseleave(function () {
$('#txt_Introduction').delay(1000).hide();
});
});
</script>
</head>
<body>
<div id="Introduction">تقویم رویدادها</div>
<br />
<div id="txt_Introduction" style="background-color:Yellow;width:100px;height:100px;display:none ;">
</div>
</body>
</html>
با تشکر
من کد زیر را نوشتم اما چند مشکل ریز داره که من بلد نیستم با چه روشی میشه این مشکل رو حل کرد . مشکلاتی از قبیل
وقتی بین لینک و باکس فاصله داشته باشه وقتی بخواهی از روی لینک بری روی باکس ، باکس ناپدید می شه و نمی شه گزینه داخل باکس را تغییر داد .
وقتی چندین بار موس را روی لینک ببریم و بردارییم ، باکس هم به همون اندازه باز و بسته می شه که چندان خوش آیین نیست . (وقتی از تابع delay استفاده می کنم .)
لطفا کسی از دوستان این دو مشکل من را حل کنه خیلی ممنون می شم .
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Introduction , #txt_Introduction').mouseover(function () {
$('#txt_Introduction').show();
});
$('#Introduction').mouseleave(function () {
$('#txt_Introduction').delay(1000).hide();
});
});
</script>
</head>
<body>
<div id="Introduction">تقویم رویدادها</div>
<br />
<div id="txt_Introduction" style="background-color:Yellow;width:100px;height:100px;display:none ;">
</div>
</body>
</html>
با تشکر