Tag:dot

  • JS to achieve seamless connection of round robin chart (2) to achieve user-defined attributes, according to the number of banner images dynamically generate small dots

    Time:2020-11-4

      HTML code —————————————————— <  ———————————————— JS code ———————————————————————- window.addEventListener(‘load’,function(){ //1. Get element var arrow-l = document.querySelector(‘.arrow-l’); var arrow-r = document.querySelector(‘.arrow-r’); var focus = document.querySelector(‘.focus’); var focuwidth = focus.offsetWidth; focus.addEventListener(‘mouseenter’,function(){   arrow-l.style.display = ‘block’;   arrow-r.style.display = ‘block’; }); focus.addEventListener(‘mouseleave’,function(){   arrow-l.style.display = ‘none’;   arrow-r.style.display =’none’; });   //2. Dynamic generation of small dots var ul = […]

  • JS to achieve seamless connection of the rotation chart (3) the use of exclusive ideas, the realization of small dots fill color switch

    Time:2020-11-3

      HTML code —————————————————— <  ———————————————— JS code ———————————————————————- window.addEventListener(‘load’,function(){ //1. Get element var arrow-l = document.querySelector(‘.arrow-l’); var arrow-r = document.querySelector(‘.arrow-r’); var focus = document.querySelector(‘.focus’); var focuwidth = focus.offsetWidth; focus.addEventListener(‘mouseenter’,function(){   arrow-l.style.display = ‘block’;   arrow-r.style.display = ‘block’; }); focus.addEventListener(‘mouseleave’,function(){   arrow-l.style.display = ‘none’;   arrow-r.style.display =’none’; });   //2. Dynamic generation of small dots var ul = […]

  • JS to achieve seamless connection of the rotating picture (4) click on the small dot, move the picture

    Time:2020-11-2

      HTML code —————————————————— <  ———————————————— JS code ———————————————————————- window.addEventListener(‘load’,function(){ //1. Get element var arrow-l = document.querySelector(‘.arrow-l’); var arrow-r = document.querySelector(‘.arrow-r’); var focus = document.querySelector(‘.focus’); var focuwidth = focus.offsetWidth; focus.addEventListener(‘mouseenter’,function(){   arrow-l.style.display = ‘block’;   arrow-r.style.display = ‘block’; }); focus.addEventListener(‘mouseleave’,function(){   arrow-l.style.display = ‘none’;   arrow-r.style.display =‘none’; });   //2. Dynamic generation of small dots var ul = […]

  • Example of JavaScript Animation: derivation of dots

    Time:2020-10-26

    Consider the following curve equation:           R=S*sqrt(n)           α=n*θ           X=R*SIN(α)           Y=R*COS(α)     Where s and θ can specify a fixed value. Take a total of 1000 values from 0 to 999 for N cycle. For each n, a coordinate value (x, y) is obtained according to the given coordinate equation. Then a circle with […]

  • Canvas draws dot segments

    Time:2020-7-13

    Recently, a guy met a demand, the customer needs to draw dot style lines. The general effect is as follows: Idea 1: calculate and fill in with arc He realized an idea himself and asked me if I had a better idea. First of all, let’s see how his idea is implemented. The code is […]

  • Dynamically create a class and override the class attribute

    Time:2020-7-5

    Let’s start with the question Use the carousel swiper plug-in, and you can customize the size and color of pagination dots (selected by the color selector). This problem was encountered when customizing colorsAs shown in the figure, the two dot styles are.swiper-pagination-bulletNeutral not selected swiper-pagination-bullet-activeSelect the style. There are other places in the project that […]

  • Pyinstaller packages the. Py file as an executable (. Exe)

    Time:2020-4-27

    Pyinstaller is a very useful third-party library. By packaging the source files, our Python files can run across systems and environments. Preface I wrote a python file for my sister, and the function was realized, but how can I give it to her. Two options: Give the python file directly, and then let her install […]

  • World of Warcraft Lua notes (4. Modify the assembly stone plug-in to realize the assembly stone light hack)

    Time:2020-4-8

    If you’re still playing world of Warcraft in this version, and you’ve looked for a team in the assembly stone, you’ll surely find that everyone is starting to watch “lights”. The so-called light is the green dot in the picture. When the captain checks your progress, green means that you have called the boss, while […]

  • HTML5 little game Tetris

    Time:2020-3-28

    introduction On a sunny day, after reading the crazy HTML 5 + CSS 3 + JavaScript handout, I made the Tetris game in the last chapter of the book, and made some improvements as the first stop of my front-end learning. Game effect:       Production ideas   Because the Tetris in the book […]

  • Vue implementation of slide and flash carousel

    Time:2020-3-18

    Vue version information: 2.5.2 This is a few months ago when imitating the home page project of a meter mall, some insights are now recorded here. So the style and data are copied from each other. The advertising fee is confiscated, and we don’t play the beep… Broadcast preview address Implemented functions: FlashRotation chart andSlideRotation […]

  • Pit encountered by idea running Maven multi module project

    Time:2020-3-11

    engineering structure Check webui module Pay attention to the red box part. For normal web projects, the folder style should be as follows:Note that the webapp folder has a small blue dot. Only in this way can this module be considered as a web module by idea. Since our project is not a web project, […]

  • [postman login authority] add cookies to HTTP requests, and use interceptor to block requests sent by browser

    Time:2020-1-10

    When using postman to test and develop the interface, we encounter the problem of login permission. The permission of this project is based on a certain value in the cookie, so we need to attach the cookie content when sending the post request TransmittedhttpOn request, withcookieparameter By viewing the online interface call information in chrome, […]