<style>  
.upTop {  
display:none;  
width:100px;  
height:100%;  
position:fixed;  
left:0px;  
top:0px;  
z-index:100;  
}  
.upTopButton {  
background:#777777 url(http://mvcreative.ru/example/17/images/goup.png) no-repeat;  
width:27px;  
height:27px;  
position:fixed;  
top:10px;  
left:10px;  
cursor:pointer;  
}  
.upTopZone {  
display:none;  
background:url(http://mvcreative.ru/example/17/images/upbg.png) repeat;  
width:100px;  
height:100%;  
cursor:pointer;  
}  
.upTopZone p {  
background:#777777;  
font-size:12px;  
width:63px;  
height:27px;  
margin:0;  
position:fixed;  
top:10px;  
left:37px;  
color:#fff;  
font-family:"tahoma", "verdana", "arial";  
line-height:25px;  
text-align:center;  
text-shadow:1px 1px 1px #000000;  
}  
@media screen and (max-width:1024px) {  
.upTopZone {  
display:none !important;  
}  
} .blue .upTopButton, .blue .upTopZone p {  
background-color:#3fa3e1;  
}  
.green .upTopButton, .green .upTopZone p {  
background-color:#60bf3a;  
}  
.red .upTopButton, .red .upTopZone p {  
background-color:#ca2929;  
}  
.orange .upTopButton, .orange .upTopZone p {  
background-color:#ef990b;  
}  
.purple .upTopButton, .purple .upTopZone p {  
background-color:#b053a0;  
}  
.grey .upTopButton, .grey .upTopZone p {  
background-color:#777777;  
}  
</style>  
<div class="upTop blue">  
<div class="upTopZone"><p>наверх</p></div>  
<div class="upTopButton"></div>  
</div>  
<script type="text/javascript" src="http://mvcreative.ru/example/17/js/uptop.js"></script>