用户:Nannnnn/代码测试/common.js:修订间差异

来自Limbo Wiki
无编辑摘要
标签已被回退
(撤销Nannnnn讨论)的版本33167)
标签撤销
 
第1行: 第1行:
const cursor = document.querySelector('.cursor')
是谁没半个小时就真香回来乱试了(目移)
const shape = document.querySelectorAll('.shape')
还是坏的,但是存一下这里


document.body.addEventListener("mousemove", evt => {
<meta charset="UTF-8">
  const mouseX = evt.clientX;
    /**
  const mouseY = evt.clientY;
    * 当屏幕的宽度 >= 960,页面的背景颜色为红色
 
    * 当屏幕的宽度 >= 640,页面的背景颜色为蓝色
  // cursor.style = `transform: translate(${mouseX}px, ${mouseY}px);`
    * 当屏幕的宽度 <  640,页面的背景颜色为绿色
 
    */
  // shape.forEach(item => {
    window.addEventListener('load',function (ev) {
  //  item.style = `transform: translate(${mouseX}px, ${mouseY}px);`
        changeColor();
  // })
      // 1. 监听窗口尺寸发生改变
 
      window.onresize('resize',changeColor);
  gsap.set(".cursor", {
    });
    x: mouseX,
    function changeColor() {
    y: mouseY
        if (myTool.client().width >= 960){
  })
            document.body.style.backgroundColor = 'red';
 
        }else if(myTool.client().width >= 640){
  gsap.to(".shape", {
            document.body.style.backgroundColor = 'blue';
    x: mouseX,
        }else{
    y: mouseY,
            document.body.style.backgroundColor = 'green';
    stagger: -0.1
        }
  })
    }
})

2022年8月23日 (二) 19:52的最新版本

是谁没半个小时就真香回来乱试了(目移)
还是坏的,但是存一下这里

<meta charset="UTF-8">
    /**
     * 当屏幕的宽度 >= 960,页面的背景颜色为红色
     * 当屏幕的宽度 >= 640,页面的背景颜色为蓝色
     * 当屏幕的宽度 <  640,页面的背景颜色为绿色
     */
    window.addEventListener('load',function (ev) {
        changeColor();
       // 1. 监听窗口尺寸发生改变
       window.onresize('resize',changeColor);
    });
    function changeColor() {
        if (myTool.client().width >= 960){
            document.body.style.backgroundColor = 'red';
        }else if(myTool.client().width >= 640){
            document.body.style.backgroundColor = 'blue';
        }else{
            document.body.style.backgroundColor = 'green';
        }
    }