ღღ_______ yakamoz _______ღღ این اسکریپت برای این می باشد که شما می توانید با استفاده از آن تصاویر ( عکس های ) موجود در سایت ( و یا وبلاگ ) خودتان را به صورت مات ( تاریک ) قرار دهید ، سپس هرگاه که اشاره گر ( موس ) بر روی آن قرار گیرد ، تصویر واضح می شود .rnاین اسکریپت قابل اجرا در مرورگرهای زیر می باشد :rn1- Fire fox = همه ورژن هاrn2- Mozilla = ورژن های 1 به بالاrn3- Intenet Explorer = ورژن های 5 به بالاrn4- Netscape Navigator = غیر قابل استفادهrnrnطرز کار و بررسی اسکریپت :rnشما ابتدا کدهای که در زیر آمده را در بین دو تگ <Head> و <Head/> قرار می دهید :rn کد: rn<script language="JavaScript1.2">rn/* */rnvar opacite = 40;//tanzime Mati tasvir adade momken az 0 ta 100rnfunction incOpa(element){rnobjet = element;rnintervalle = setInterval("progressifChange(objet,100,true)",50) ;rn}rnfunction decOpa(element){rnobjet = element;rnintervalle = setInterval("progressifChange(objet,opacite,false) ",50);rn}rnfunction progressifChange(image,maxOpa,sens){rnif(sens){rn// Afzayesh Mati Tasvirrnif (image.*-*-*-*-*-*-s.alpha.opacity<maxOpa)rnimage.*-*-*-*-*-*-s.alpha.opacity+=5;rnelse if (window.intervalle)rnclearInterval(intervalle);rn} else{rn// Kaheshe Mati Tasvirrnif (image.*-*-*-*-*-*-s.alpha.opacity>maxOpa)rnimage.*-*-*-*-*-*-s.alpha.opacity-=5;rnelse if (window.intervalle)rnclearInterval(intervalle);rn} rn}rn</script>rn rnشما می توانید مقدار مات ( تاریک ) بودن تصویر را با تغییر دادن عدد که در جلوی کد :rnvar opacite = 40rnقرار دارد را ، کم و یا زیاد کنید . برای مثال ما در اینجا مقدار را 40 در نظر گرفته ایم .rnدر ضمن اعداد انتخابی شما می توانند بین 0 تا 100 باشند .rnنکته : 0 به معنی این می باشد که تصویر خیلی مات باشد و همینطور که رقم بالا می رود از ماتی آن کاسته می شود .rnبا تغییر عدد کدی که در پایین آمده ، می توانید مقدار روشنایی ( به عبارتی دیگر ، درجه روشنایی ) تصویر هنگامی که اشاره گر ( موس ) بر روی تصویر قرار می گیرد را افزایش دهید .rnimage.*-*-*-*-*-*-s.alpha.opacity+=5;rnما در اینجا برای مثال از عدد 5 استقاده کرده ایم .( اعداد قابل استقاده از 0 تا 100 )rnبا تغییر عدد کدی که در پایین آمده ، می توانید مقدار روشنایی ( به عبارتی دیگر ، درجه روشنایی ) تصویر هنگامی که اشاره گر ( موس ) بر روی تصویر قرار می گیرد را کاهش دهید .rnimage.*-*-*-*-*-*-s.alpha.opacity-=5;rnسپس کد زیر را باید در بین دو تگ <BODY> و <BODY/> قرار دهید .rnنکته : دو تگ <CENTER> و <CENTER/> برای این می باشد که عکس در وسط قرار گیرد شما می توانید با استفاده از تگ های RIGHT و LEFT محل عکس را به ترتیب راست ، و چپ قرار دهید .rnنکته : ما در اینجا برای مثال از http://www.javascript.ir/images/iranjavas.gif (http://www.javascript.ir/images/iranjavas.gif) به عنوان تصویر استفاده کرده ایم ، شما آدرس عکسی که آپلود کرده اید را قرار می دهید .rnنکته : زمانی که بر روی تصویر کلیک شود به صفحه ای که در کد قرار دادید ، وارد می شوید . ما برای مثال ، سایت را قرار داده ایم . ( یعنی بعد از کلیک بر روی عکس ، وارد سایت جاوا اسکریپت می شوید. )rn کد: کد HTML درج شده : rn<center>rn<a href="http://www.javascript.ir/" target="_blank">rn<img src="http://www.JavaScript.ir/images/iranjavas.gif" border=0 style="*-*-*-*-*-*-:alpha(opacity=40);" onMouseover="incOpa(this)" onMouseout="decOpa(this)">rn</a>rn</center>rn rnrnکد کامل:rnrn کد: کد HTML درج شده : rn<html>rnrn<head>rn<meta http-equiv="Content-Type" content="text/html;charset=windows-1252">rn<title>New Page 2</title>rn<script language="JavaScript1.2"> rn/* */rnvar opacite = 40;//tanzime Mati tasvir adade momken az 0 ta 100 rnfunction incOpa(element){ rnobjet = element;rnintervalle = setInterval("progressifChange(objet,100,true)",50) ; rn} rnfunction decOpa(element){ rnobjet = element;rnintervalle = setInterval("progressifChange(objet,opacite,false) ",50); rn} rnfunction progressifChange(image,maxOpa,sens){rnif(sens){rn// Afzayesh Mati Tasvirrnif (image.*-*-*-*-*-*-s.alpha.opacity<maxOpa) rnimage.*-*-*-*-*-*-s.alpha.opacity+=5; rnelse if (window.intervalle) rnclearInterval(intervalle);rn}else{rn// Kaheshe Mati Tasvirrnif (image.*-*-*-*-*-*-s.alpha.opacity>maxOpa) rnimage.*-*-*-*-*-*-s.alpha.opacity-=5; rnelse if (window.intervalle) rnclearInterval(intervalle); rn}rn}rn</script> rn</head>rn<body>rn<center>rn<a href="http://www.javascript.ir/" target="_blank">rn<img src="http://www.JavaScript.ir/images/iranjavas.gif" border=0 style="*-*-*-*-*-*-:alpha(opacity=40);" onMouseover="incOpa(this)" onMouseout="decOpa(this)">rn</a>rn</center>rn</body>rn</html>rn rnrn ღღ_______ yakamoz _______ღღ
