首页 > 资讯 > 综合 > 正文

JavaScript制作页面时常用特效有哪些?javascript能做哪些特效?

2022-11-01 16:28:09来源:酷狗科技  

javascript能做的特效有:1、轮播图;2、表单验证;3、页面中的弹框;4、多级选项卡;5、网页上的动画;6、飘动的广告;7、抖动的图片等。

offset含义:offset的含义是偏移量,使用offset的相关属性可以动态地获取该元素的位置、大小等。

var box = document.querySelector('#box');

//1.输出box的宽度和高度

console.log("宽度:", box.offsetWidth);

console.log("高度:", box.offsetHeight);

//2.给box绑定鼠标移动的事件

box.addEventListener('mousemove', function (e) {

//2.1 获取box的偏移量

var left = box.offsetLeft;

var top = box.offsetTop;

console.log("偏移量:(" + left + "," + top + ")");

//2.2 计算鼠标指针在box中的坐标

var x = e.pageX - left;

var y = e.pageY - top;

console.log("x轴坐标:" + x + ",y轴坐标:" + y);

})

关键词: JavaScript制作页面时常用特效有哪些 javascript能做哪些特效 html常用特效代码大全 javascript有哪些效果

责任编辑:hnmd003

精彩推送