-
ساخت دکمه
سلام به دوستان گرامی
من دوتا عکس دارم،میخوام حالتشون جوری باشه که وقتی کاربر موس خودش رو میبره رو عکس،اون عکسه بشه دومین عکسه،از چه کدی باید استفاده کنم؟؟؟
hover بدردم نمی خوره چون هاور فقط میتونه بردر عکس رو برداره یا یه بگگراند بده،اما من میخوام کل عکس عوض بشه،آیا کدی براش هست؟
-
با js این کار رو باید بکنی به طوری که میگی وقتی on mouse over یک المنت مخفی بشه و دیگری ظاهر و بلعکس اگر متوجه نشدید نمونه بدم
-
ممنون میشم اگه نمونه بدین
-
[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>Untitled Document</title>
<style type="text/css">
#a {
position:absolute;
left:250px;
top:46px;
width:196px;
height:219px;
z-index:1;
}
#b {
position:absolute;
left:245px;
top:47px;
width:198px;
height:222px;
z-index:2;
}
</style>
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
</head>
<body>
<div id="a" onmouseout="MM_showHideLayers('a','','hide','b','' ,'show')"><img src="Desert.jpg" width="195" height="223" /></div>
<div id="b" onmouseover="MM_showHideLayers('a','','show','b',' ','hide')"><img src="cmstalk_ir_pack_cms-2.jpg" width="204" height="227" /></div>
</body>
</html>
[/HTML]
برات یه نموه نوشتم ببین توی هر کدوم از div ها یه عکس به جای عکس هایی که من گذاشتم بزار متوجه بشی
-
دمت گرم آقا خیلی تووپه!!!
اما یه مسئله ای هست،با IE گیر activex میده،نمیشه کاری کرد اون گیر رو نده؟؟؟
-
IE سرطان هست کلا سر جاوااسکریپت اکتیو میده نه نمیشه ما بیخیال IE بشو
-
ممنون به عنوان تازه وارد فروم و برنامه ساز وبی خیلی واسم مفید بود. می شه المنت های دیگه ی html رو هم به کار برد که اینجوری جابجا شن ؟ یه چیزی غیر از عکس
-
این کار رو با CSS هم میشه راحت کرد نیازی به جاوااسکریپت نیست.