دنبال یه کد جاوا میگردم که یه عکس رو مات کنه و وقتی موس روی عکس قرار گرفت عکس به حالت اولیه در بیاد
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 استاندارد نیستند ... اما میشه با دوباره نویسی برای هر مرورگر آن را اصلاح کرد.... در کل شانس این که صفحه ای دراینترنت زیبا باشد و در تمامی مرورگرها یکسان دیده شود کم است...نقل قول: