移动端网页特效(插件框架存储

触屏事件

在这里插入图片描述
在这里插入图片描述

触摸事件对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
常用:targetTouches
在这里插入图片描述
(第一个手指)、

移动端拖动元素

在这里插入图片描述
在这里插入图片描述
d7 65 轮播图

案例:返回顶部

在这里插入图片描述
在这里插入图片描述
(和PC代码差不多的)

在这里插入图片描述
了解:
在这里插入图片描述

移动端开发插件

在这里插入图片描述
在这里插入图片描述
这时所有元素延时问题都解决了

Swiper在这里插入图片描述

拽过去
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
再新建一个自己的js文件,写在他的下面
在这里插入图片描述
第二步:
在这里插入图片描述
复制到焦点图结构里,尽量不更改结构,可以修改图片路径
在这里插入图片描述
复制到index.css里(样式)
在这里插入图片描述
复制到index.js里

在这里插入图片描述
这时已经有轮播图效果了

在这里插入图片描述
在这里插入图片描述
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
可以实现风格统一

移动端常用开发框架

在这里插入图片描述

本地存储

在这里插入图片描述

window.sessionStorage

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

window.localStorage

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值