كليك حساس به موس

pilevar

pilevar

Member
سلام دوستان عزيز
لطف كنيد و نوغ گذاردن كليد كه هنگامي كه موس روي آن ميرود وشكل آن كليد تغير مبكند را براي من بنويسيد (در برنامه فرانت پيج)
ممنون
:cool: :cool: :cool: :cool: :cool: :cool: :cool: :cool: :cool: :cool: :cool: :cool:
 
silvercover

silvercover

کاربر متخصص
توی FrontPage 2003 از منوی Insert گزینه Interactive Button رو انتخاب کن.
با این ابزار میتونی دکمه هایی رو که مد نظرت هست بسازی.

راه حل بعدی استفاده از JavaScript هست.
 
irania

irania

Member
اگه ممکنه کد جاوای اون رو بذارین چون من از همین امکان فرانت پیج استفاده کردم ولی توی اینترنت اکسپلورر سیستم هایی که از وین ایکس پی سرویس پک 2 استفاده میکنن نشون نمیده در ضمن سرعت لود شدنشون هم پایینه!!!
 
Mahdi

Mahdi

کاربر متخصص انجمن بُرداری
سلام
براي تغيير شكل دكمه به محض رفتن روي آن مي توانيد در برنامه هاي گرافيكي دو مدل دكمه با اندازه يكسان طراحي كنيد يكي براي حالت عادي و ديگري براي موقعي كه روي آن ميرويد.
بعد دكمه اول را در فرانت پيچ وارد نماييد . (insert picture) بعد از آن اين دكمه را انتخاب نماييد و از منوي format گزينه Dynamic HTML Effect را انتخاب كنيد بعد از منوي باز شده از منوي on گزينه mouse over و از قسمت apply گزينه swap picture را انتخاب نماييد . بعد از آن عكس دوم را در صفحه باز شده انتخاب كنيد . حالا صفحه را save نماييد.
كار تمام است
اگر سوالي بود در خدمتم

موفق باشيد
مهدي
 
silvercover

silvercover

کاربر متخصص
این مثالی از کدی هست کهاین کار رو انجام میده یا به اصطلاح دکمه های Rollover میسازه:

ابتدا در اول کد تابعی که این کار رو انجام میده تعریف می کنیم و بعدش هر جا خواستیم توی تگ لینک توی رویداد onMouseover تابع رو با پارامتر های لازم فراخونی می کنیم.

<html>
<head>
<title>Rollover bUTTON</title>
<meta http-equiv="Content-Type" content="text/html;">
</head>


این قسمت برای رنگ زمینه فایل:

<body bgcolor="#ffffff">
قسمت زیری تابع رو تعریف میکنه که باید اسم تصاویر و عکس ها رو متناسب با فایل هات انتخاب کنی:

<SCRIPT LANGUAGE="JavaScript">
<!-- Hide Script
//-----------------------------

if (document.images)
{
Bimage0_normal = new Image();
Bimage0_normal.src = "images/1_C1_R1.jpg";
Bimage0_over = new Image();
Bimage0_over.src = "images/1_C1_R1_1.jpg";
}

function switchimages(sName,nEvent) {
if (document.images)
{
if (nEvent == 0) sVal = 'normal';
else if (nEvent == 1) sVal = 'over';
else if (nEvent == 2) sVal = 'click';
else return;
sObj = eval(sName + '_' + sVal + ".src");
if (document.images[sName])
document.images[sName].src = sObj;
}
}
// End of JavaScript -->
</SCRIPT>

<table border="0" cellpadding="0" cellspacing="0" width="400">
<tr>
<td><img src="shim.gif" width="148" height="1" border="0" alt=""></td>
<td><img src="shim.gif" width="252" height="1" border="0" alt=""></td>
<td><img src="shim.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
توی رویداد onMouseOver تگ زیری از تابع استفاده شده:

<td valign="top" align="left" width="148" height="77"><a href="" onMouseOver=" switchimages('Bimage0',1); return true" onMouseOut=" switchimages('Bimage0',0); return true"><img name="Bimage0" src="images/1_C1_R1.jpg" width="148" height="77" border="0" alt="button"></a></td>
<td valign="top" align="left" width="252" height="77"><img name="1_C2_R1" src="images/1_C2_R1.jpg" width="252" height="77" border="0" alt=""></td>
<td width="1" height="77"><img src="shim.gif" width="1" height="77" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" align="left" colspan="2" height="223"><img name="1_C1_R2" src="images/1_C1_R2.jpg" width="400" height="223" border="0" alt=""></td>
<td width="1" height="223"><img src="shim.gif" width="1" height="223" border="0" alt=""></td>
</tr>
</table>
</body>
</html>


موفق باشی
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا