![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BOM
文章平均质量分 63
靠技术吃饭
这个作者很懒,什么都没留下…
展开
-
js移动端轮播图
做完PC端的轮播图以后,怎么能不尝试一下移动端呢,也不像我的风格,来来来,格局打开,往下看!!!移动端轮播图功能和基本PC端一致。 可以自动播放图片 手指可以拖动播放轮播图 做好多的效果图如下图所示:案例分析第一步: 自动播放功能 开启定时器 移动端移动,可以使用translate 移动 想要图片优雅的移动,请添加过渡效果 第二步: 自动播放功能-无缝滚动 注意,我们判断条件是要等到图片滚动完毕再去判.原创 2021-12-07 11:08:25 · 463 阅读 · 36 评论 -
js移动端触屏事件
我们移动端的触屏事件来, 有了它还怕搞不定 ????1、触屏事件2、触摸事件对象(TouchEvent)1、触屏事件移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下:2原创 2021-12-02 09:54:40 · 595 阅读 · 22 评论 -
offset、client、scroll 三大家族来了—JavaScript
一、元素偏移量 offset 系列offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 1、获得元素距离带有定位父元素的位置 2、获得元素自身的大小(宽度高度) 3、注意:返回的数值都不带单位原创 2021-11-15 20:04:52 · 167 阅读 · 14 评论 -
setTimeout 和 setInterval 两种定时器的介绍—JavaScript
定时器是我们写前端页面必备的一个技能,所以还不会的兄弟们赶紧学起来!!!1、setTimeout() 炸弹定时器2、setInterval() 闹钟定时器window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setInterval() 1、setTimeout() 炸弹定时器开启定时器window.setTimeout(调用函数,[延迟的毫秒数]);setTimeout() 这个调用函数我们也称为回调函数 callba原创 2021-11-17 11:01:17 · 691 阅读 · 24 评论 -
load 和 DOMContentLoaded 事件的区别—JavaScript
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。下面我们来分析分析 DOM 和 BOM 的区别原创 2021-11-11 10:14:19 · 868 阅读 · 14 评论 -
轮播图的实现—JavaScript
今天又是一个非常实用的案例哟,听名字就觉得高级很难对吧,今天就来写一个案例,让你轻松学到轮播图的精髓!!还是老规矩,来看一下实现效果!!学习轮播图的首先是要把图片准备好,并且用 ul 的里面的 li 包起来,给 li 一个浮动,让他们显示在一行上,但是注意了,一定要给 ul 足够的宽哦!!来吧,html 和 css 代码如下所示(文件名:index.html)<!DOCTYPE html><html lang="en"><head> .原创 2021-11-12 11:05:33 · 2646 阅读 · 34 评论 -
js实现放大镜效果(图片放大)—JavaScript
类似于放大镜效果的图片放大效果,学到了才知道什么叫做人外有人!!!!原创 2021-11-10 16:54:59 · 18381 阅读 · 50 评论 -
简单的 html拖动模态框 案例
要想做好这个案例首先分为三个部分:html 框架和 css 样式、JavaScript 的交互效果(点击弹出和关闭的隐藏效果、最后就是一个拖动的效果)!原创 2021-11-05 17:31:42 · 1715 阅读 · 34 评论