|
Сообщение от Гугл-мен
|
|
а как сделать так чтобы не снизу выезжало а сверху
|
Так?
<html><head>
<style>
.red {
width: 100px ;
height: 100px ;
background: red ;
display: block ;
}
.green {
width: 100px ;
height: 100px ;
background: green ;
display: none ;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$(".red").mouseover(function() {
$(this).slideUp() ;
$(".green").slideDown() ;
}) ;
$(".green").mouseout(function() {
$(this).slideUp() ;
$(".red").slideDown() ;
}) ;
}) ;
</script>
</head><body>
<div class="green"></div>
<div class="red"></div>
</body></html>
Или так
<html><head>
<style>
.red {
width: 100px ;
height: 100px ;
background: red ;
display: block ;
}
.green {
width: 100px ;
height: 100px ;
background: green ;
display: none ;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
var red = $(".red"), green = $(".green") ;
red.mouseover(function() {
red.appendTo("body").slideUp() ;
green.slideDown() ;
}) ;
green.mouseout(function() {
green.slideUp() ;
red.slideDown() ;
}) ;
}) ;
</script>
</head><body>
<div class="green"></div>
<div class="red"></div>
</body></html>
|
Сообщение от Гугл-мен
|
|
а как сделать так чтобы например один блок был 100 пикселей а другой 80,а то если просто меняю ширину у блоков,то при наведении сьезжает почему-то((
|
Ну, он по-любому "съезжать" будет