<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Общие вопросы от новичков (40)</title>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
body {
width:100%;
}
#Scroll {
padding:12px;
position:absolute;
margin:0;
width:95%;
height:88%!important;
overflow-y:auto;
/*border:red 2px solid!important;*/
}
#Yxo {
cursor:pointer;
z-index:100;
border:red 2px solid!important;
position:fixed;
top:0;
/*position:absolute;
top:100%;*/
left:50%;
margin-left:-50px;
width:100px;
height:50px;
margin-top:-0px;
text-align:center;
padding-top: 20px;
}
#Wrap{
position:fixed;
background-color:#fff;
top:0;
left:50%;
width:500px;
margin-left:-250px;
margin-top:-120%;/**/
min-height:200px;
border:red 2px solid;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-ms-border-radius:15px;
box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
-ms-box-shadow:0px 5px 18px #000;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
#Wrap.Active{
margin-top:0;
}
</style>
</head>
<body>
<div id=Wrap>
<span id=Scroll>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
dgdg<br>
</span>
<p id=Yxo>
Хочу</br>
Новость
</p></div>
<script type="text/javascript">
$("p#Yxo").click(function(){
$("#Wrap").toggleClass('Active');
if($("#Wrap").hasClass('Active')){
$("p#Yxo").css({
"position":"absolute",
"top":"100%"
});
} else $("p#Yxo").css({
"position":"fixed",
"top":"0"
});
});
</script>
</body>
</html>