<html>
<head>
<title>slider</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$().ready(function () {
$('.left, .right').click(function () {
$('.center').animate({width: 200}, 200);
});
});
</script>
<style type="text/css">
.slider {
margin: 50px auto;
width: 600px;
text-align: center;
}
.slider > div {
height: 50px;
width: 100px;
background: #EEE;
display: inline-block;
}
.slider .center {
overflow: hidden;
width: 0;
}
</style>
</head>
<body>
<div class="slider">
<div class="left">left</div>
<div class="center">center</div>
<div class="right">right</div>
</div>
</body>
</html>
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Последний раз редактировалось Tim, 19.03.2013 в 22:50.
|