zim实现一个滑块拖动widget可拖拽面板效果代码

代码语言:html

所属分类:拖放

代码描述:zim实现一个滑块拖动widget可拖拽面板效果代码

代码标签: zim 滑块 拖动 widget 拖拽 面板

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  


  
  
</head>

<body translate="no">
    <script type="text/javascript" src="https://zimjs.org/cdn/014/zim_min.js"></script>

      <script type="module">
import zim from "https://zimjs.org/cdn/014/zim";

// see https://zimjs.com
// and https://zimjs.com/learn
// and https://zimjs.com/docs

new Frame(FIT, 1024, 768, dark, blue, ready);
function ready() {

  // given F (Frame), S (Stage), W (width), H (height)
  // put your code here

  // Slider is usually horizontal
  // but sound turns it vertical and adds accent and aztek button
  // could set useLabels:true to show numbers along with a color:light STYLE
  const volume = new Slider({ min: 0, max: 1, sound: true });

  // For the other two we style a plain slider
  STYLE = {
    min: 120, max: 320,
    currentValue: 220,
    button: "circle",
    vertical: true,
    damp: .05 // optional to make the chan.........完整代码请登录后点击上方下载按钮下载查看

网友评论0