سلام
من ميخواهم يك منو مثل منو هاي زيباي اين سايت درست كنماگر ميشه بگين چه طوري ميشه چنين منو هاي زيبايي دست كرد
موس وقتي ميره روش رنگش عوض ميشه خيلي قشنگه
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Printable View
سلام
من ميخواهم يك منو مثل منو هاي زيباي اين سايت درست كنماگر ميشه بگين چه طوري ميشه چنين منو هاي زيبايي دست كرد
موس وقتي ميره روش رنگش عوض ميشه خيلي قشنگه
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اين در اصل رنگش عوض نمي شه بلكه از دو عكس با رنگ هاي متفاوت استفاده مي كنه كه يكي رو نشون ميده وقتي ميري روش اون يكي رو نشون ميده
من برات هم JavaScript شو می نویسم هم فرانت پیج شو ولی چون احتمالا اگه کد JavaScript رو برات بنویسم ممکنه تو این تالار کدش قاطی پاتی بشه برات آخر سر می نویسم و اول فرانت پیج شو میگم
FrontPage 2003
1. اول دو تا دکمه با رنگ های متفاوت بساز
2. حالا دکمه ای رو که می خوای در حالت عادی نشون داده بشه رو بذار روصفحه
3. اون دکمه رو با کلبک موس انتخاب کن (در همه ی حالت های زیر باید این عکس انتخاب شده باشه) و برو به منوی زیر
View > Task Pane
یه پنل سمت راست باز می شه روی بخش عنوان اون پنل یه فلش به پایین داره روش کلیک کن بعد روی Behaviors . حالا روی اون پنل یه دکمه به نام Insert باید ظاهر شده باشه روش کلیک کن و بعد روی Swap Image کلیک کن (اگه یه پنجره باز شد که داشت این قسمت از فرانت پیج رو نصب می کرد دکمه ی cancel رو بزنی درست میشه) حالا به پنجره باز میشه اینجا میتونی دکمه ی دوم که قبلا با رنگ متفاوت از اولی درست کردی رو از رو کامپیوتر Browse کنی بعد از Browse کردن باید تیک های Preload Image و Restore on mouseout event گذاشته شده باشه (این دو در سمت چپ و پایین ای پنجره قرار دارند) حالا OK کن و بعد در حالت Preview چک کن ببین کار میکنه
با جاوا اسكريپت هم ميشه اين كارو كرد به نظر من بهتره با این کد این کارو انجام بدی در پایین کدشو می نویسم باید در Html نوشته بشه در تگ img ای که برای دکمه ی اولی نوشته شده باید کد زیر رو اضافه کنی
onmouseover="this.style.background:'url( First Button Address )';" onmouseout="this.style.background:'url( Second Button Address )';"
موفق باشی
این یکی شاید بهتر خونده بشه
[HTML]
onmouseover="this.style.background:'url( First Button Address )';" onmouseout="this.style.background:'url( Second Button Address )';"
[/HTML]
اقا وقتی موس را روی دکمه می برم و بر میگردم از حالت اول به روم میره اما دیگه با رفتن موس به حالت اول باز نمی گردد و در همان حالت دوم باقی می ماند که این درست نیست
تازه اون دو تا تیکی هم که شما گفتی زدم اما کار نمیکنه
نمیدونم چرا؟
تو رو خدا راهنمایی کن
این هم کد
کد:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>๑۩۞۩๑ خوش آمديدVastVisionInternationalبه๑۩۞۩๑</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<style type="text/css">
<!--
td {
text-decoration: none;
border: none;
}
img {
text-decoration: none;
border: none;
}
font {
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
border: none;
}
a {
font-family: Tahoma;
font-size: 11px;
text-decoration: none;
border: none;
color: #FFFFFF;
}
-->
</style>
<meta name="keywords" content="vatvisioninternational,network marketing,وست ويژن,شغل اينترنتي,بهترين راه كسب در آمد از اينترنت,تجارت الكترونيكي,پول,صنايع دستي">
<meta name="description" content="به سايت بين المللي وست ويژن كه در حال حاظر بهترين نتورك و قانوني ترين نتورك مي باشد و مجوز خود را هم دريافت كرده است خوش آمديد">
</head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<!--FLASH-->
<td height="243" width="100%">
<table width="100%" height="243" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="780"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="243">
<param name="movie" value="035.swf">
<param name="quality" value="high">
<embed src="035.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="243"></embed></object></td>
<td width="100%" background="images/!.jpg"></td>
</tr>
</table>
</td>
<!--FLASH-->
</tr>
<tr>
<td height="100%" width="100%" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="248" background="images/bg4.jpg">
<table width="248" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="33">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span lang="en-us"> <!-- Begin WebGozar.com Counter code -->
<script language="javascript" src="http://webgozar.com/c.aspx?Code=112147&t=counter"></script>
<!-- End WebGozar.com Counter code -->
<!-- Begin WebGozar.com Counter code -->
<script language="javascript" src="http://webgozar.com/c.aspx?Code=112147&t=counter"></script>
<!-- End WebGozar.com Counter code --></span></td>
</tr>
</table>
</td>
<td width="100%" height="100%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="11">
<table width="100%" height="11" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1" bgcolor="#F6F6F6"></td>
<td width="100%" background="images/bg6.jpg"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100%" width="100%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="532" background="images/bg7.jpg">
<table width="532" height="86%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="117">
<!-- ImageReady Slices (vast.jpg) -->
<!-- End ImageReady Slices -->
<p> </td>
</tr>
</table>
</td>
<td width="100%" bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="8" background="images/bg5.jpg"></td>
</tr>
<tr>
<td height="32" bgcolor="#3C9ED1" style="padding-left:200">
<font><span lang="fa"><a href="index.htm">خانه</a> :: <a href="help.htm"> توضيح
پلان كاري</a> :: </span><span lang="en-us">
</span>
<a href="gift.htm"><span lang="fa">كالاي رايگان</span></a><span lang="en-us">
</span><span lang="fa"> :: </span><span lang="en-us">
</span><span lang="fa">
<a href="http://www.vastvisionint.net/LinkClick.aspx?link=http://vastvisiontopleaders.persianblog.com&tabid=36&mid=414">وبلاگ</a></span><span lang="en-us">
</span><span lang="fa"> ::</span><span lang="en-us"> </span>
<span lang="fa"> <a href="contact.htm">تماس با ما</a></span></font></td>
</tr>
<tr>
<td height="24" bgcolor="#3C9ED1" style="padding-left:300">
<font style="color:#000000">
<b><span lang="en-us">VastVisionIn</span>.Com</b> © 2006 •
<a href="Privacy%20Policy.htm">Privacy Policy</a> •
<a href="terms.htm">Terms Of Use</a>
</font>
</td>
</tr>
</table>
</body>
</html>
HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE Lp
سلام واقعا از اينكه جوابتو مدت زياديه كه ندادم عذر ميخوام آخه خيلي وقت بود اينورا پيدام نمي شد و تازه ديروز نوشته ات را خواندم واقعا از اينكه جوابت را نداده ام عذر مي خواهم اين كدي كه برايت نوشتم (جاوا اسكريپت) يه چيزي كم داشت تازه يه حالت ديگه و مطمئن تر هم مي شه نوشت كه در پايين برات مينويسم ضمنا كد قبلي مشكلش اين بود كه عكس رو نريخته تو كش مي خواست لودش كنه كه برا دفعه ي اول درست در نمي اومد ولي اين كد هم عكس رو تو كش ميريزه هم اونو مثل اون دكمه اي كه مي خواستي درست مي كنه
ضمنا در پايين به جاي "آدرس عكس دوم" بايد آدرس اون عكسي كه اگه موس بره روش مي خواي نمايش داده بشه رو بذاري توش و در "آدرس عكس اول هم" بايد آدرس اون عكسي كه براي اولين بار مي خواي نمايش داده بشه رو بذار توش
هر دوي اين آدرس ها تو كد زير دو بار تكرار مي شن
اين هم كد جاوا اسكريپتش
حتما دقت كن آدرس عكس ها رو درست انتخاب كني
بعد هم اونو اول رو سيستم امتحان كن حتما كار ميكنه
[HTML]
<html>
<head>
<title>[MouseOver]</title>
<script language="javascript">
var objImg1 = new Object () ;
objImg1.src="آدرس عکس دوم" ;
function Show(id) {
document.getElementById(id).src="آدرس عکس دوم" ;
}
function Hide(id) {
document.getElementById(id).src="آدرس عکس اول" ;
}
</script>
</head>
<body>
<img onmouseover="Show('img')" onmouseout="Hide('img')" id="img" src="آدرس عکس اول">
</body>
</html>
[/HTML]