Показать сообщение отдельно
  #3 (permalink)  
Старый 06.12.2016, 10:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Novichek_pro,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css"> #slider2 { margin: 10px; height: 300px; }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script>
$(function() {
$("#slider2").slider({
    orientation: "vertical",
  min: 0,
  max: 1,
  step: 0.1,
  value: 1,
  animate: 1200

});
$('#buttonClick').on('click', function(){$("#slider2").slider( "value",.5 );  })
});
  </script>
</head>

<body>
<div id="slider2"></div>

<div id="buttonClick">buttonClick</div>

</body>
</html>
Ответить с цитированием