PDA

View Full Version : بزرگ شدن عکس با حرکت موس بر روی آن


SasSas
جمعه 26 اردیبهشت 1393, 23:17 عصر
سلام خسته نباشید
چجوری میشه کاری کرد که وقتی موس روی یک عکس حرکت کند سایز اون عکس بزرگتر بشه لطفا راهنمایی کنید

<div id="wb_Image2" style="position:absolute;left:534px;top:166px;widt h:148px;height:104px;z-index:2;">
<img src="images/img0003.png" id="Image2" alt="" style="width:148px;height:104px;"></div>
Mori Bone
جمعه 26 اردیبهشت 1393, 23:25 عصر
$('img').hover(function()

{
$(this).width *= 2;

$(this).height *= 2;
});




لطفا قوانین سایت رو یه نگاه بندازید. ایکاد تاپیک هایی با عنوان مثله هم به وسیله ی یک کاربر ممنون است.
SasSas
شنبه 27 اردیبهشت 1393, 00:47 صبح
دوستان لطفا کمک کنید خیلی فوریه
اینم کدش
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 9 - http://www.wysiwygwebbuilder.com">
<style type="text/css">
body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-size: 13px;
margin: 0;
padding: 0;
}
</style>
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<style type="text/css">
#Image1
{
border: 0px #000000 solid;
}
</style>
</head>
<body>
<div id="wb_Image1" style="position:absolute;left:303px;top:160px;width:251px ;height:200px;z-index:0;">
<img src="images/imgages.jpg" id="Image1" alt="" style="width:251px;height:200px;"></div>

</body>
</html>
meysam1366
شنبه 27 اردیبهشت 1393, 01:32 صبح
سلام دوست عزیز

این رو چک کنید


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 9 - http://www.wysiwygwebbuilder.com">
<style type="text/css">
body
{
background-color: #000000;
color: #000000;
font-family: Arial;
font-size: 13px;
margin: 0;
padding: 0;
}
</style>
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<style type="text/css">
#Image1
{
border: 0px #000000 solid;
}

#wb_Image1 img:hover {
transform: scale(1.5);
}
</style>
</head>
<body>
<div id="wb_Image1" style="position:absolute;left:303px;top:160px;widt h:251px;height:200px;z-index:0;">
<img src="imgages.jpg" id="Image1" alt="" style="width:251px;height:200px;">
</div>

</body>
</html>