دنبال یه کد جاوا میگردم که یه عکس رو مات کنه و وقتی موس روی عکس قرار گرفت عکس به حالت اولیه در بیاد
Printable View
دنبال یه کد جاوا میگردم که یه عکس رو مات کنه و وقتی موس روی عکس قرار گرفت عکس به حالت اولیه در بیاد
بابا یعنی هیچکس بلد نیست
امیر عباس جان به فریاد برس .......
با تشکر از echessdesignکد:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
a img, a:visited img {
width:200px;
height:200px;
background:red;
filter: alpha(opacity=50); /*jahate namayesh dar IE*/
-moz-opacity:0.5; /*jahate namayesh dar FF*/
opacity:.50; /*jahate namayesh dar Opera*/
}
a:hover img {
background:pink;
filter: alpha(opacity=100); /*jahate namayesh dar IE*/
-moz-opacity:0.9; /*jahate namayesh dar FF*/
opacity:.99; /*jahate namayesh dar Opera*/
}
</style>
</head>
<body>
<a href=""><img src="http://www.echessdesign.com/img/image/homelogo.gif" alt="echessdesign.com" /></a>
</body>
</html>
من js نمی دونم
صبر کنید شاید نوید بیاد جواب بده :)
منم دقیقا دنبال همچین چیزی میگردم
با این تفاوت که عکس رنگی سیاه سفید بشه.
با جاوا اسکریپت مشکل تر هست . منظورم این نیست که کدش سخت باشه. بلکه دنگو فنگ دارهنقل قول:
من js نمی دونم
صبر کنید شاید نوید بیاد جواب بده
با سی اس اس مطمئن تره
شما دوتا عکس یکی رنگی و یکی سیاه سفید رو درست کن و اندازه عکساتو بزار تا با همون سی اس اس برات بنویسندنقل قول:
منم دقیقا دنبال همچین چیزی میگردم
با این تفاوت که عکس رنگی سیاه سفید بشه.
قدرت سی اس اس بیشتر از اینهاست که فکر میکنید
من خودم از طرفدارای پرو پا قرص جاوا اسکریپت بودم اما الان نظرم برگشته و به سی اس اس روی اوردم
دوست عزیز اصلا لازم نیست اینکار را کنید(تهیه دوعکس)! بهترین استفاده از همان فیل تر ها است ... چه با CSS و چه با JSنقل قول:
اینم کد شما...نقل قول:
[HTML]
<html>
<head>
<script>
function f(a){
if(a==1)document.getElementById("img0").style.filt er="gray()";
if(a==2)document.getElementById("img0").style.filt er="null";
}
</script>
</head>
<body>
<img id="img0" src="image0.jpg" onmouseover="f(1)" onmouseout="f(2)">
</body>
</html>
[/HTML]
امیر عزیز... واقعا عذر می خواهم که اینقدر دیر آمدم...نقل قول:
نقل قول:
دوست عزیز این هم کد شما...
[HTML]
<html>
<head>
<script>
function f(a){
if(a==1)document.getElementById("img0").style.filt er="alpha(opacity=100)";
if(a==2)document.getElementById("img0").style.filt er="alpha(opacity=60)";
}
</script>
</head>
<body>
<img id="img0" src="img0.jpg" onmouseover="f(1)" onmouseout="f(2)" style="filter:alpha(opacity=60);">
</body>
</html>
[/HTML]
امیدوار موفق باشید...:40::40::40:
فی*لتر ها غیر استاندارد هستندنقل قول:
دوست عزیز اصلا لازم نیست اینکار را کنید(تهیه دوعکس)! بهترین استفاده از همان فیل تر ها است ... چه با Css و چه با Js
به خاطر همین ممکنه در اینده ای نچندان دور غیر فعال بشند
ماسفانه کدهای شما در فایر فاکس و اپرا جواب نمی دهد و باید برای انها جدا کدنویسی کرد
به خاطر همینه که میگم از این روش استفاده نکنید
از همه عزیزان ممنون ... الکی نیست انقدر به p30world معتاد شدم
بله کاملا درست می گید... فیل تر های CSS استاندارد نیستند ... اما میشه با دوباره نویسی برای هر مرورگر آن را اصلاح کرد.... در کل شانس این که صفحه ای دراینترنت زیبا باشد و در تمامی مرورگرها یکسان دیده شود کم است...نقل قول:
خوب چجوری میشه اصلاحش کرد؟
آقا نوید از شما هم ممنون.
این حرفا خطرناکه حسننقل قول:
بله کاملا درست می گید... فیل تر های CSS استاندارد نیستند ... اما میشه با دوباره نویسی برای هر مرورگر آن را اصلاح کرد.... در کل شانس این که صفحه ای دراینترنت زیبا باشد و در تمامی مرورگرها یکسان دیده شود کم است...
به این سایت یه سری بزن .کلی نمونه سایت خیلی زیبا و استاندارد داره و سورس صفحه ی همه ی اونها مثل همه فقط استایل اونها فرق میکنهکد:http://www.csszengarden.com/
این سایت قدرت سی اس اس رو نشون می ده
اگه استاندارد بودن براتون مهم نیست از این کد استفاده کنید.در تمام مرورگر ها درست کار می کنهنقل قول:
خوب چجوری میشه اصلاحش کرد؟
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hhhh</title>
<style type="text/css">
.hover {
filter: alpha(opacity=99);
-moz-opacity: .99;
opacity: .99;
}
.normal {
filter: alpha(opacity=60);
-moz-opacity: .60;
opacity: .60;
}
</style>
<script type="text/javascript">
function f(a){
if(a==1){document.getElementById("img0").className ='normal';}
if(a==2){document.getElementById("img0").className ='hover';}
}
</script>
</head>
<body>
<img id="img0" src="mosabeghe/2_resize.jpg" onmouseover="f(2)" onmouseout="f(1)" class="normal" width="145" height="100" alt="image" />
</body>
</html>
[/html]