در خواست یک کد آلفا (فوری)

J

jaber_aghidat

Member
سلام من کد میخوام که وقتی موس رو بردی رو یک عکس اون عکس کم رنگ بشه یعنی به صورت آلفا در بیاد ممنون می شم هر کی کد رو بده
 
mehdi_25

mehdi_25

Member
از فیلتر استفاده کن دیگه ...
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<HEAD>
<TITLE>PersianTools.com &gt; Forurm &gt; CSS &gt; Picture Menu + Opcity | [shayan.ws]</TITLE>
<META http-equiv=Content-Type content="application/xhtml+xml; charset=UTF-8">
<META content="shayan.ws" name=Author>
<STYLE type=text/css>

body{
margin:0px; padding:0px; text-align:center;
}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#menu {
	POSITION: relative; TOP: 0px; HEIGHT: 100px
}
#menu A:visited {
	FONT-WEIGHT: bold; COLOR: #d00; TEXT-DECORATION: none
}
#menu A {
	FONT-WEIGHT: bold; COLOR: #d00; TEXT-DECORATION: none
}
#menu A:visited IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=60); moz-opacity: 0.60; opacity: 0.6
}
#menu A IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); moz-opacity: 1.00; opacity: 1
}
#menu A:hover {
	COLOR: #06a; BACKGROUND-COLOR: transparent
	
}

#menu A:hover SPAN {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; LEFT: 0px; PADDING-BOTTOM: 4px; COLOR: #06a; PADDING-TOP: 4px; POSITION: absolute; TOP: 50px; HEIGHT: 18px
}
#menu A:hover IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=50); moz-opacity: 0.50; opacity: 0.5
}
</STYLE>


<BODY>

<br>
<br>

<DIV id=menu>
<A href="http://google.com/">
<IMG title="" height=50 alt="" src="files/google.gif" width=50>
</A>

<A href="http://yahoo.com">
<IMG title="" height=50 alt="" src="files/yahoo.gif" width=50>
</A>

<A href="http://msn.com/">
<IMG title="" height=50 alt="" src="files/msn.gif" width=50>
</A>

<A href="http://forum.persiantoos.com/">
<IMG title="" height=50 alt="" src="files/pt.gif" width=50>
</A>

<A href="http://shayan.ws/">
<IMG title="" height=50 alt="" src="files/shayan.gif" width=50>
</A>

</DIV>

</BODY></HTML>
 
J

jaber_aghidat

Member
ممنون مهدی جان میشه کاری کردن سرعت کم رنگ شدنش رو کم کرد مثلا یواش یواش کم رنگ بشه
 
shadecute

shadecute

Member
دوسته عزیز این بر عکس اون کدی هست که می خوای .(کم رنگ به پر رنگ) فکر کنم با یکم دست کاری بتونی یه حالی به این اسکریپت بدی .
HTML: 
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
} 
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>

				<img src="آدرس عکس شما" width="120" height="120" border="0" style="FILTER: alpha(opacity=40)" onmouseover=high(this) onmouseout=low(this)></div>
 
mehdi_25

mehdi_25

Member
jaber_aghidat گفت:
تو رو خدا هر چه زود تر کمک
کلیک کنید تا باز شود...
بفرمایید این هم کدی که می خواستین
<head>
HTML: 
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=100
} 
function highlightit(cur2){
if (cur2.filters.alpha.opacity>50)
cur2.filters.alpha.opacity-=10
lse if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>
<body>
HTML: 
<img src="آدرس عکس شما" width="120" height="120" border="0" style="FILTER: alpha(opacity=100)" onmouseover=high(this) onmouseout=low(this)></div><img src="" width="540" height="198" border="0">
ناگفته نماند این همون کد جناب shadecute هست که من تغییرش دادم تا به اون صورتی که شما می خواین در بیاد .

سرعت فیلتر رو هم اگه خواستی کم یا زیاد کنی اون عدد 10 رو تغییر بده هر چی عدد کم تر باشه حرکت نرم تر میشه
 
آخرین ویرایش:
J

jaber_aghidat

Member
تو فرانت پیج بردم کد ایرور داد کد هر دوی شما هم بردم دوستان

ممنون می شم اگه یک کد تست شده برام بندازین

code.JPG
 
mehdi_25

mehdi_25

Member
من این کد ها رو تستش کردم و بدون هیچ مشکلی جواب میده .

ان صفحه ای که کد ها رو داخلش قرار دادی رو اینجا بزار ببیم مشکل کارت کجاست .

راستی کد تست شده رو گفتی کجا بندازیم . توجوی آب خوبه ؟
4.gif
 
J

jaber_aghidat

Member
آره رو اینترنت کار کرد از رو تو این آدرس که دادی save کردم کار کرد

حالا میشه خودم سرعت کم رنگ شدنش رو تعیین کنم ؟
 
shadecute

shadecute

Member
دوسته عزیز کد سالم بود و من خود بالا رو سایت هام استفاده میکنم.
شما حالا تو کدوم تگ می ریزی نمی دونم این همون کد رو تو یه صفحه HTML
HTML: 
<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 1</title>
</head>

<body>
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
} 
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>

				<img src="آدرس عکس شما" width="120" height="120" border="0" style="FILTER: alpha(opacity=40)" onmouseover=high(this) onmouseout=low(this)></div>
</body>

</html>
البته مشکلت که حل شد ولی کده سالم بود ما تست شده میزاریم بچه ها استفاده کنن
 
mehdi_25

mehdi_25

Member
shadecute گفت:
دوسته عزیز کد سالم بود و من خود بالا رو سایت هام استفاده میکنم.
شما حالا تو کدوم تگ می ریزی نمی دونم این همون کد رو تو یه صفحه HTML
HTML: 
<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 1</title>
</head>

<body>
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
} 
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>

				<img src="آدرس عکس شما" width="120" height="120" border="0" style="FILTER: alpha(opacity=40)" onmouseover=high(this) onmouseout=low(this)></div>
</body>

</html>
البته مشکلت که حل شد ولی کده سالم بود ما تست شده میزاریم بچه ها استفاده کنن
کلیک کنید تا باز شود...
کد شما رو نگفت کدی که من گذاشته بودم رو میگه که کار نکرد .
ولی خوب دیگه شکر خوا مشکلش حل شد .

jaber_aghidat برای کم کردن سرعت فیلتر در پست های قبلی توضیح دادم شما قبل از پست زدن تاپیک خودتو هم درست مطالعه نمی کنی .
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

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

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

بالا