بهترین اطلاعات کامپیوتری

ساعت فلش برای وبلاگ | JavaScript , | علی فیروزجنگ

ساعت فلش برای وبلاگ

سلام به همه

کد ساعت برای وبلاگ

|+| نظرات ()

تاریخ ثبت : شنبه 19 شهریور 1384 ساعت : 09:09 ق.ظ

یه قلب و یه لب همراه موس | JavaScript , | علی فیروزجنگ

با قرار دادن این کد در وبلاگ یه قلب و یه لب همراه

موس حرکت میکنن خیلی باحاله.

<head> <style type="text/css">  </style> <script language="JavaScript1.2" type="text/JavaScript">  </script> </head> <body> <script language="JavaScript" type="text/JavaScript">  </script></body> </html>

|+| نظرات ()

تاریخ ثبت : شنبه 19 شهریور 1384 ساعت : 09:09 ق.ظ

طریقه Fade كردن عكسها با استفاده از جاوا اسكریپت | JavaScript , | علی فیروزجنگ

طریقه Fade كردن عكسها با استفاده از جاوا اسكریپت
مطمئنا خیلی دوست دارید كه صفحات پویا و جذابی را خلق كنید. من هم سعی خواهم كرد كه ترفندهایی كه برای این كار وجود دارند را تا جایی كه بدانم در سایت قرار دهم تا شما دوستان هم از آن استفاده كنید. یكی از كارهای جالی كه شما برای زیباتر شدن سایتتان میتوانید انجام دهید Fade‌ كردن عكسها است. این كار باعث میشود كه در بازدید كنند حس لطافت و نرمی تداعی شود كه باعث راضی بودن بازدید كننده از سایت شما میشود. در زیر یك نمونه از همین كار را مشاهده میكنید.
◊ حداقل نیازها ◊
امكان Transparent كردن عكسها از Internet Explorer 5‌ به بعد به آن اضافه شد . بنابراین بازدید كننده شما باید حتما از مرورگر Internet Explorer و با نسخه 5 به بالا به سایت شما متصل شود در غیر این صورت عكس به حالت عادی خود نمایش داده میشود.
◊ آموزش ◊
برای اجرای این آموزش شما دو روش را میتوانید در پیش بگیرید . اول آنكه كد جاوا اسكریپت آنرا در خود فایل قرار دهید و دوم آنكه آنرا در یك فایل جاوا اسكریپت خارجی قرار دهید. حالا من هر دو راه را توضیح میدهم.
در ابتدا كد جاوا اسكریپ زیر را كپی برداشته و در یك فایلText قرار دهید.
nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); /* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate - time in milliseconds between transparency changes (best under 100) * delta - amount of change each time (ie 5, for 5% change in transparency) */ function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } }
انتخاب كد
حالا چنانچه میخواهید آنرا در یك فایل جداگانه ذخیره نمایید و در صفحه خود آنرا فراخوانی نمایید، آنرا به نام picfader.js ذخیره كنید و سپس در صفحه خود قبل از تگ </head> كد زیر را قرار دهید:
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" SRC="picfader.js"></SCRIPT>
و اگر مایلید كه كد جاوا اسكریپت را مستقیما در صفحه خود قرار دهید كافی است همان كدی را كه كپی برداشتید و در یك فایل متنی چسبانده اید را دوباره كپی بردارید و قبل از تگ </head> درون دو تا تگ <script> و </script> قرار دهید.
حالا برایfade كردن عكس هم دو حالت وجود دارد یك حالت زمانی كه ماوس بر روی عكس رفت و عكس به تنهایی محو شود یا اینكه زمانی كه عكس بر روی یك لینك رفت آنگاه عكس محو شود. در هر دو راه روش كار یكی است اما فقط یك تغییر كوچو باید بدهید.
اگر میخواهید كه زمانی كه ماوس بر روی عكس رفت آن محو كد زیر را در تگ <img> خود قرار دهید:
style="filter:alpha(opacity=30)" onMouseOver="nereidFade(this,100,50,20)" onMouseOut="nereidFade(this,30,50,5)"
در این كد در قسمت اول یعنی style مقدار محو شدن عكس یا همان opacity را مشخص میكنید در قسمت دوم كه با onMouseOver‌شناخته شده است مقداری كه ماوس بر روی عكس رفت را مشخص میكنید و در قسمت onMouseOut مقداری كه ماوس از روی عكس خارج شد.
حالا چنانچه بخواهید این حالت را زمانی كه ماوس بر روی یك لینك رفت اتفاق بیفتید كافیست كه برای عكس خود فقط قسمت اول كد بالا را یعنی همان style‌را در تگ <img> خود قرار دهید و حتما یادتان باشد كه برای عكس خود یك نامی هم در نظر بگیرید. حالا در داخل تگ <a> كه مربوط میشود به لینك شما بقیه كد را قرار دهید. حالا برای اینكه مطلب روشن تر شود من برای هر كدام از حالات بالا یك مثال آورده ام:
برای زمانی كه ماوس بر روی عكس میرود:
<img src="majidbanner.gif" width="468" height="60" style="filter:alpha(opacity=30)" onMouseOver="nereidFade(this,100,50,20)" onMouseOut="nereidFade(this,30,50,5)">
برای زمانی كه ماوس بر روی یك لینك میرود:
<img src="majidbanner.gif" width="468" height="60" style="filter:alpha(opacity=30)" name="majidbanner">
<a href="www.majidonline.com" onMouseOver="nereidFade(majidbanner,100,50,20)" onMouseOut="nereidFade(majidbanner,30,50,5)">The Iranian Graphic and Web Reference</a>
خب حالا كار تمام شد و میتوانید از آن لذت ببرید. فقط یك توضیح كوچك برای متغیرهای این كد بدهم.
onMouseOver="nereidFade(majidbanner,100,50,20)"
مقدار majidbanner كه در كد بالا مشخص شده است همان نام عكس ما است كه چنانچه از یك لینك برای محو شدن عكس استفاده میكنید باید حتما نام عكس را در اینجا ذكر كنید ولی در صورتی كه این كار را میخواهید بر روی عكس اعمال نمایید دیگر نیازی به نام عكس نیست و مقدار آن میتواند this‌باشید.
مقدار 100 كه در كد بالا مشخص شده است درصد محو شدگی عكس است مثلا اگر مقدار آن 100 باشد یعنی آنكه در آن لحظه مقدار محوی عكس هیچ است یعنی كامل عكس نمایش داده میشود یا چنانچه مقدار آن 50 باشد یعنی آنكه 50 درصد عكس نمایش داده میشود.
مقدار 50 كه در كد بالا مشخص شده است در اصطلاع تعداد فریمهای ما هستند (fps) كه هرچه مقدار آن بیشتر باشد تعداد فریمهای هنگام نمایش بیشتر خواهد بود ولی تا حدی سرعت fade‌ شدن كم میشود.
مقدار 20 كه در كد بالا مشخص شده است مقدار زمان نمایش هر فریم است كه با زیاد كردن آن سرعت بیشتر و با كم كردن آن سرعت آهسته تر میشود.

|+| نظرات ()

تاریخ ثبت : چهارشنبه 9 شهریور 1384 ساعت : 02:08 ق.ظ

نمایش پیغامهای تصادفی در نوار وضعیت | JavaScript , | علی فیروزجنگ

شما برای این كار بعد از <Body> این سورس را به فرم خود اضافه كنید :

خوب حالا توضیحات :

برای تغییر آن پیغام ها باید به قسمت اول سورس بروید تا به جایی برسید كه یه چیزی شبیه این رو ببینین messages[1] = "Message A" با تغییر این پیغام ها پیغام خودتون را به نمایش در بیارین.

و یه كم پایین تر می بینید كه نوشته شده var delay = 50 با تغییر عدد 50 می تونید سرعت حركت رو هم تغییر بدید.

البته می شه سفارشی تر هم شد كه فكر كنم خودتون بتونید این كار رو بكنید.

|+| نظرات ()

تاریخ ثبت : چهارشنبه 9 شهریور 1384 ساعت : 02:08 ق.ظ

Last Posts

+ فعالیت نوین، تجارت نوین
+ نسخه نهایی مسنجر 8 یاهو سرانجام عرضه شد
+ Office 2007 بیش از 3 میلیون بار بارگذاری شد
+ فهرست 100 فیلم جذاب تاریخ سینمای آمریكا منتشر شد
+ یک امکان مجاز
+ Yahoo و MSN
+ Gangهای اینترنت باز
+ ویندوز قلابی
+ Samsung و ipod
+ مایكروسافت در آسیا
+ هكرها و سانسور اینترنت
+ گوگل رسما صرف شد
+ گوگل و سلامتی
+ Google و ebay
+ راز مشكلات امنیتی نرم افزار آفیس فاش شد