Tag:Slider

  • Tkinter (35) pull rod parts ttk.Scale

    Time:2020-12-31

    Creation of TTK pull rod part and its options w = ttk.Scale(parent, option=value, …) option explain class_ Component classification name cannot be changed after creation command A program called when the state of a part changes cursor The mouse icon that is displayed when the mouse moves to the part from_ The starting value of […]

  • Tkinter (36) scroll bar unit ttk.Scrollbar

    Time:2020-12-30

    Creation of TTK scroll bar and its options w = ttk.Scale(parent, option=value, …) option explain class_ Component classification name cannot be changed after creation command A program called when the state of a part changes cursor The mouse icon that is displayed when the mouse moves to the part orient Horizontal / vertical style Generate […]

  • Native JS + CSS3 to achieve mobile phone side sliding page effect

    Time:2020-12-20

    effect code <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″/> <meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0″ /> < title > slide switch example <style lang=”css”> .main { width: 100%; height: 100vh; overflow: hidden; } .page { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; font-size: 24px; } .page1 { background: red; } .page2 { background: blue; […]

  • Double speed video playback — flex layout + JavaScript

    Time:2020-12-3

    This case is the learning result of the class. This article is only used as the learning summary record. Welcome to learn and exchange. 1、 Display 2、 Conception Video tag JavaScript adjusts the speed of video playback 3、 Implementation Video beautification: Flex layout Add slider element: Flex layout Drag the slider to realize double speed […]

  • Apicloud developer’s way to advance | [module tutorial] Touping module demo example

    Time:2020-11-23

    The Touping module realizes the video screen casting function based on DLNA in LAN, and supports the functions of searching equipment, casting and playing, adjusting the playing progress, adjusting the volume and exiting the screen.`1. <!DOCTYPE HTML> <html> <head>     <meta charset=”utf-8″>     <meta name=”viewport” content=”maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0″ />     <meta name=”format-detection” content=”telephone=no,email=no,date=no,address=no”> < […]

  • [C ා] (original) step by step to teach you custom controls – 02, scrollbar (scroll bar)

    Time:2020-11-19

    1、 Preface Technology is not advanced and backward, only suitable and inappropriate. This article’s custom control is: the scrollbar. We can see many custom scrollbar controls on the Internet. Most of them are done by using UserControl, that is, at least one panel or other control is used as the slider, the UserControl itself or […]

  • Slide Puzzle verification

    Time:2020-10-30

    1. Reference address: https://www.cnblogs.com/huang…2. Effect: 3. Logic: the drag of the bottom slider controls the movement of the small jigsaw. When the left distance is consistent with the x-coordinate of the cutting position, or is within a certain range, it is correct; the difficulty lies in cutting out the jigsaw. Refer to the above link […]

  • Scroll bar style

    Time:2020-9-18

    Define the height and width of the scroll bar and the height and width of the background corresponding to the size of the horizontal and vertical scroll bars respectively  ::-webkit-scrollbar {     width: 4px;   height: 4px;   background-color: #F5F5F5;  } Define the inside shadow + fillet of scroll bar track  ::-webkit-scrollbar-track {   […]

  • JS password generator

    Time:2020-7-3

    Password Generato Recently, referring to some password generators on the Internet, a similar password generator has been imitated. The password is mainly composed of “upper case”, “lower case”, “number” and “symbol”. The specific style is shown in the figure below: development process This paper mainly records the JS development process, and the CSS style will […]

  • Drag and drop round progress bar component (supporting mobile terminal)

    Time:2020-7-2

    I wrote a domain that can drag and drop round progress bar a long time ago. Some netizens have reported some problems in the middle. Recently, I have time to modify some problems and optimize them, and package them into components. Based on canvas, you only need to input the DOM container to place the […]

  • Customize scrollbar styles

    Time:2020-4-23

    Pure CSS implementation WebKit enabled browsers (e.g., Google Chrome, apple Safari) ::-webkit-scrollbar– entire scroll bar ::-webkit-scrollbar-button– buttons on the scroll bar (up and down arrows) ::-webkit-scrollbar-thumb– the scroll slider on the scroll bar ::-webkit-scrollbar-track– scroll bar track ::-webkit-scrollbar-track-piece– the part of the track where the scroll bar does not have a slider ::-webkit-scrollbar-corner– the part […]

  • The advanced way of apicloud developers

    Time:2020-4-21

    The Touping module realizes the DLNA based video projection function in the LAN, and supports the functions of searching device, projection playback, adjusting playback progress, adjusting volume, exiting projection and so on.`1. <!DOCTYPE HTML> <html> <head>     <meta charset=”utf-8″>     <meta name=”viewport” content=”maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0″ />     <meta name=”format-detection” content=”telephone=no,email=no,date=no,address=no”> < title > AUI […]