pc 背景设置

by redky

HTML

<select name="background-style" id="background">
    <option value="center">居中</option>
    <option value="repeat">平铺</option>
    <option value="stretch">拉伸</option>
    <option value="cover">填充</option>
    <option value="auto">适应</option>
  </select>
  <div class="helper"></div>

CSS

body {
      margin: 0;
      padding: 0;
      height: 100vh;
      width: 100vh;
      background-color: #ffa;
    }
    select {
      position: fixed;
      bottom: 0;
    }
    .helper {
      position: fixed;
      bottom: 24px;
    }

JavaScript

{
      var box = document.querySelector( 'body' );
      var select = document.querySelector( '#background' );
      var helper = document.querySelector( 'div.helper' );
      var timer;
      var defaultBackgroundImageURL =...