dreadful
شنبه 23 شهریور 1392, 22:14 عصر
میتونی یه چیزی مثل این بنویسی ...
هر وقت هم my_div رو حرکت بدی دوتا عکس با هم حرکت میکنند :)
(همه چیز رو خودتون بنویسید ،کپی نکنید لطفا)
جای a.jpg عکس اصلی و جای b.jpg عکس اون دکمه ی پلی رو بزارید
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
.my_div
{
width: 250px;
height: 100px;
}
.pic
{
width: 250px;
height: 100px;
background-color: yellow;
position: absolute;
}
.pic2
{
width: 50px;
height: 50px;
background-color: red;
position: absolute;
margin-left: 100px;
margin-top: 25px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="my_div">
<img src="a.jpg" alt="" class="pic">
<img src="b.jpg" alt="" class="pic2">
</div>
</body>
</html>
موفق باشید