Tag:Slider
-
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 […]
-
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 […]
-
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; […]
-
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 […]
-
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”> < […]
-
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 […]
-
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 […]
-
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 { […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]