jaber_aghidat
Member
سلام من کد میخوام که وقتی موس رو بردی رو یک عکس اون عکس کم رنگ بشه یعنی به صورت آلفا در بیاد ممنون می شم هر کی کد رو بده
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<HEAD>
<TITLE>PersianTools.com > Forurm > CSS > 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>
<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>
بفرمایید این هم کدی که می خواستینتو رو خدا هر چه زود تر کمک
<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>
<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">
<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>
کد شما رو نگفت کدی که من گذاشته بودم رو میگه که کار نکرد .دوسته عزیز کد سالم بود و من خود بالا رو سایت هام استفاده میکنم.
شما حالا تو کدوم تگ می ریزی نمی دونم این همون کد رو تو یه صفحه 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>