您的位置:首页 > 编程学习 > > 正文

javascript 虚拟滚动条(JavaScript实现可拖拽的进度条)

更多 时间:2022-03-30 20:36:19 类别:编程学习 浏览量:2339

javascript 虚拟滚动条

JavaScript实现可拖拽的进度条

本文实例为大家分享了JavaScript实现可拖拽的进度条的具体代码,供大家参考,具体内容如下

一.进度条实现

  • <html>
    <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta charset="UTF-8">
    <title>可拖拽进度条</title>
    <style>
    body{
     margin:50px; ; 
    }
    
    .box {
      width:49%;
      hegiht:3rem;
      line-height:3rem;
      float:left;
    }
    .boxDesc {
      width:50%;
      hegiht:3rem;
      line-height:0.3rem;
      float:left;
    }
    
    .scale span{
     background:url(scroll.jpg" alt="javascript 虚拟滚动条(JavaScript实现可拖拽的进度条)" border="0" />
    
  • 二.实现效果

    javascript 虚拟滚动条(JavaScript实现可拖拽的进度条)

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。

    标签:js 拖拽 进度条