最新发布 第3页

渣渣龙菜鸟专场

JS

jQuery初识

jQuery初识
概念 jQuery是一个快速、简洁的js库,它是把原生js中的dom操作做了封装,以达到快速查询使用里面的功能。 学习jQuery的本质就是学习调用函数(方法) 入口函数 <div></div> <script> // 举例 隐藏元素hide方法 // 等页面dom加……继续阅读 »
2个月前 (09-29) 225浏览 0评论 1
JS

本地存储

本地存储
特性 数据存储到用户浏览器中 设置、读取方便、刷新页面也不丢失数据 容量较大,sessionStorage约5M、localStoeage约20M 只能存储字符串,可以将对象 sessionStorage 生命周期为关闭浏览器窗口 在同一个窗口或页面下数据可以共享 以键值对的形式存储使用 <script> var ip……继续阅读 »
2个月前 (09-26) 197浏览 0评论 1
JS

移动端网页特效

移动端网页特效
触屏事件 touch对象对表一个触摸点,常见的触屏事件如下: 触屏事件对象 TouchEvent是一类描述手指在触摸平面上的状态变化的事件。以上三个触屏事件都是事件对象。其中常见的三个对象列表如下: div.addEventListener('touchstart',function(e){ console.log(e.touc……继续阅读 »
2个月前 (09-26) 181浏览 0评论 0
JS

PC端网页特效-轮播图

PC端网页特效-轮播图
功能需求 点击右侧按钮一次,图片往左播放一张,左侧一样。 图片播放的同时,下面的小圆圈也跟随它一起变化。 点击小圆圈,可以播放相应图片。 鼠标不经过轮播图,轮播图也会自动播放图片。 鼠标经过轮播图,自动播放停止。 滚动图片的核心算法 点击某个小圆圈,就让图片滚动,小圆圈的索引号乘以图片的宽度作为ul的移动距离 声明一个变量,点击右侧按钮,自增1,让这……继续阅读 »
2个月前 (09-25) 165浏览 0评论 0
JS

PC端网页特效-动画

PC端网页特效-动画
动画实现原理 核心原理:通过定时器setInterval()不断移动盒子位置 实现步骤: 获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位,才能使用element.style.left <script> // 动画原理 // 1.……继续阅读 »
3个月前 (09-20) 209浏览 0评论 2
JS

PC端网页特效-三大系列

PC端网页特效-三大系列
元素偏移量offset 使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 返回的数值都不带单位 <script> // offset 系列 var father = document.querySelector('.……继续阅读 »
3个月前 (09-19) 234浏览 0评论 2