sol1358
شنبه 16 بهمن 1389, 17:42 عصر
این کار رو میشه به راحتی انجام داد
یک نمونه که کوچیک و ساده.
<!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>
<SCRIPT LANGUAGE="JavaScript">
function show(id) {
document.getElementById(id).style.display='block';
}
function hide(id) {
document.getElementById(id).style.display='none';
}
</script>
</head>
<body>
<div style="position:relative;height:100px;">
<div>
<div id="div1" style="position:absolute;width:100px;height:100px;border: #333 thin solid; left:1px;display:none; ">pic1</div>
<div id="div2" style="position:absolute;width:100px;height:100px;border: #333 thin solid; left:102px;display:none; ">pic2</div>
<div id="div3" style="position:absolute;width:100px;height:100px;border: #333 thin solid; left:203px;display:none; ">pic3</div>
</div>
</div>
<div>
<div style="float:left;border:#333 thin solid;width:100px;" onmouseover="show('div1')" onmouseout="hide('div1')">test </div>
<div style="float:left;border:#333 thin solid;width:100px;" onmouseover="show('div2')" onmouseout="hide('div2')">test2 </div>
<div style="float:left;border:#333 thin solid;width:100px;" onmouseover="show('div3')" onmouseout="hide('div3')">test3 </div>
</div>
</body>
</html>
ممنونم
ولی به محض اینکه ماوس رو حرکت میدم div ناپدید میشه، آخه میخوام تو div لینک بذارم
میشه راهنماییم کنید کد نمونه های دیگه هم اگه دارین لطف کنید برام بنویسین
ممنون میشم