Показать сообщение отдельно
  #15 (permalink)  
Старый 18.08.2016, 13:40
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

Сообщение от anna4 Посмотреть сообщение
чтоб кнопка стояла отдельно в любом другом месте.
Сообщение от рони Посмотреть сообщение
поставьте куда вам нужно
что-то вдруг пошутить захотелось))
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>demo</title>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
 <style>
 #but {
	border: thin solid black;
    width: 150px;
	text-align: center; 
	padding:10px
}
 #but:hover{
	border: medium solid #ff0000;
}
 </style>
  <script>
window.onload=function(){
$('#but').draggable();
function number_to(id,from,to,duration)
{
var element = document.getElementById(id);
var start = new Date().getTime();
setTimeout(function() {
    var now = (new Date().getTime()) - start;
    var progress = now / duration;
    var result = Math.floor((to - from) * progress + from);
    element.innerHTML = progress < 1 ? result : to;
    if (progress < 1) setTimeout(arguments.callee, 10);
}, 10);
}
document.querySelector('#but').addEventListener('click', function() {
number_to("example",900,1500,3000);
number_to("test",10,-5,15000)
});

};
</script>
</head>
<body>
  <div id="example"></div>
  <div id="test"></div>
  <div id="but">
  это кнопа (тащи меня, куда надо)
  </div>
</body>
</html>
Ответить с цитированием