Fade شدن متن؟

NaviD.R.R · Dec 2, 2005

سلام دوستان.می خواستم بدونم چه طور می تونم وقتی موس بر روی عکسی رفت متنی به صورت Fade ظاهر بشه و با رفتن موس دوباره ناپدید بشه.مثله صفحه اول مچید آنلاین.(البته طریقه Fade شدن عکس رو بلدم)
لطفا کمم کنید. .::نوید::.

YTERROR · Dec 2, 2005

تویی بخش مقالات سایت آموزشش هست اینم لینک آـموزش

http://www.majidonline.com/page.php?page=content&op=cntshow&code=45

نمونه این کار هم می تونی تویی این آدرس ببینی البته از روش مقاله مجید آنلاین تبعیت نداره این نمونه ولی با آموزش این مقاله در سایت مجید آنلاین می تونی یک چیزی مثل این درست کنی

http://apadanatw.com/en/Nazi.php

NaviD.R.R · Dec 2, 2005

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

siavashmusic · Dec 2, 2005

دوست عزیز این کار با جی اس هست آدرس ایمیل بده واست بفرستم

Parham · Dec 2, 2005

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

NaviD.R.R · Dec 3, 2005

سلام به همه دوستان عزیز.آقا من یه چیزهایی فهمیدم اونا رو می نویسم هر کی تونست کاملش کنه.
ابتدا این کد رو تگ قبل از پایان تگ <head> می نویسم.
<SCRIPT language=Javascript src="mo_textfader.JS"> </SCRIPT>
بعد در تگ <body> ان کد ها رو می نویسیم
<SCRIPT language=JavaScript>
FadingText('fade1',5,"FFFFFF");
FadeInterval=30;
</SCRIPT>
و
<SCRIPT language=JavaScript1.2>
if (document.layers){
document.write('<ilayer name="nscontainer" width="100%" height="100">')
document.write('<layer name="fade1" width="100%" height="100">')
document.write('</layer></ilayer>')
}
else
document.write('<DIV ID="fade1"></DIV>')
</SCRIPT>

برای هر عکس هم به این شکل تعریف میکنیم.
<IMG
onmouseover="fade_up('fade1','گرافیک','5A6C7A')"
onmouseout="fade_down('fade1')"
src="MajidOnline The First Persian Graphic, Web and Multimedia Reference_files/r_plan_pic.gif"
border=0 name=maincnt285>

اگه مشکلی داره ببخشید. فایل js رو هم برای دانلود گذاشتم.

joliocesar · Dec 4, 2005

یه نگاه به این بنداز فکر کنم جواب بده البته این برای متنه برای عکس هم کمی به تغییر نیاز داره

کد:

<html>
<head>
<script type="text/javascript">
function gettip(txt)
{
document.getElementById('tip').innerHTML=txt
}

function reset()
{
document.getElementById('tip').innerHTML=""
}
</script>
</head>

<body>
<p>Mouse over these drinks:</p>

<span onmouseover="gettip('Hot black drink')"
onmouseout="reset()">Coffee</span>
<br /><br />
<span onmouseover="gettip('Cold white drink')"
onmouseout="reset()">Milk</span>

<p id="tip"></p>
</body>
</html>