flenj

flenj
Рейтинг
59
Регистрация
21.07.2010
Должность
design
Интересы
N


<!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>Simple Slide Panel</title>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>

<script type="text/javascript">
$(document).ready(function(){

$("#all").hover(function(){
$("#panel").slideToggle("slow");
$(".btn-slide").fadeToggle("slow"); return false;

});

});
</script>

<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: 570px;
height: 500px;
font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus {
outline: none;
}
#all {
background-color: grey;
width: 500px;
height: 500px;
position: relative;
}

#panel {
background: #754c24;
width: 150px;
height: 300px;
display: none;
margin: 0 auto;
padding: 10px 0 0 0;
}

.anti {
width: 150px;
height: 70px;
background-color: #754c24;
display: block;
position: relative;
margin: 0 auto;

}
.btn-slide {
background-color: green;
width: 75px;
height: 75px;
position: absolute;
display: block;
margin: -75px 0 0 425px


}

.active {
background-color: green;
}
</style>
</head>

<body>
<div id="all">
<div id="panel">
<!-- you can put content here -->
</div>
<div class="anti"></div>
</div>
<div class="btn-slide"></div>

</body>
</html>

Сделал вот так, нужно чтобы зеленый квадратик в правом нижнем углу появлялся при наведени на серую область, а у меня он наоборот исчезает при наведении.

Как быть? ))

flenj добавил 12.12.2010 в 19:45

аа.. надо было display: none; поставить! и всё работает.

возможно Magic Video Converter, довольно простая.

Chrom, тоже самое ))

Продаётся макет магазина моек!

файл пришлите, помогу.

Andreylab, это Планетянин! ; )

навеяно сериалом )))

jpg 1.jpg

Hrom4, )) скажите хоть название проекта, или нэйминг входит в стоимость? что нужно?

придумать название брэнда:

логотип:

слоган:

цветовое решение:

и т.д.

Всего: 173